.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}

.news-list,
.list-pagination {
  --theme-color: #e60012;
  --body-color: #212529;
  --gradient-start-color: #e60012;
  --gradient-end-color: #f04d5b;
  --secondary-color: #6f7584;
  --secondary-color-alt: #9fa8ad;
  --link-color: var(--gradient-start-color);
  --link-hover-color: var(--theme-color);
  --body-background-color: #f3f9ff;
  --body-padding-x: 200px;
  --card-border-radius: 16px;
  --transition-duration-faster: 0.5s;
  --transition-duration-fast: 0.75s;
  --transition-duration: 1s;
  --transition-duration-slow: 1.5s;
  --transition-duration-slower: 2.5s;
}

.news-list {
  grid: auto-flow dense/repeat(auto-fit, minmax(400px, 1fr));
  justify-content: center;
  gap: 32px;
  display: grid;
}
@media (max-width: 640px) {
  .news-list {
    padding-top: 40px;
    padding-bottom: 40px;
    grid-template-columns: 100% !important;
  }
}
.news-list .news-item {
  border-radius: var(--card-border-radius);
  height: 100%;
  color: inherit;
  transition: all var(--transition-duration-faster);
  -webkit-user-select: none;
  user-select: none;
  background-color: #fff;
  flex-direction: column;
  justify-content: space-between;
  row-gap: 20px;
  display: flex;
  position: relative;
  box-shadow: 0 0 16px #0000001a;
}
@media (max-width: 640px) {
  .news-list .news-item {
    row-gap: 16px;
  }
}
.news-list .news-item:hover .news-image img,
.news-list .news-item:active .news-image img,
.news-list .news-item.active .news-image img {
  transform: scale(1.1);
}
.news-list .news-item:hover .news-title,
.news-list .news-item:active .news-title,
.news-list .news-item.active .news-title {
  color: var(--theme-color);
}
.news-list .news-wrapper,
.news-list .news-wrapper-row,
.news-list .news-wrapper-column {
  gap: 20px 24px;
  display: flex;
}
@media (max-width: 640px) {
  .news-list .news-wrapper,
  .news-list .news-wrapper-row,
  .news-list .news-wrapper-column {
    gap: 16px;
  }
}
.news-list .news-wrapper-row {
  justify-content: space-between;
}
.news-list .news-wrapper-column {
  flex-direction: column;
  flex: auto;
}
.news-list .news-image {
  border-radius: calc(var(--card-border-radius) - 4px);
  overflow: hidden;
}
.news-list .news-image img {
  aspect-ratio: 16/9;
  width: 100%;
  transition: transform var(--transition-duration-slow);
}
.news-list .news-title,
.news-list .news-brief,
.news-list .news-content,
.news-list .news-source {
  text-align: justify;
  word-break: break-all;
  transition: all var(--transition-duration-faster);
  --line-clamp: var(--line-clamp, 1);
  -webkit-line-clamp: var(--line-clamp);
  line-clamp: var(--line-clamp);
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}
.news-list .news-title {
  --line-clamp: 2;
  color: var(--body-color);
  -webkit-user-select: text;
  user-select: text;
  font-size: 1.5em;
  font-weight: 500;
}
@media (max-width: 1536px) {
  .news-list .news-title {
    font-size: 1.25em;
  }
}
@media (max-width: 640px) {
  .news-list .news-title {
    font-size: 1.125em;
  }
}
.news-list .news-brief,
.news-list .news-content,
.news-list .news-source,
.news-list .news-publish-date {
  color: var(--secondary-color);
}
@media (max-width: 640px) {
  .news-list .news-brief,
  .news-list .news-content,
  .news-list .news-source,
  .news-list .news-publish-date {
    font-size: 0.925em;
  }
}
.news-list .news-brief {
  --line-clamp: 3;
}
.news-list .news-content {
  --line-clamp: 8;
  text-indent: 2em;
}
@media (max-width: 1536px) {
  .news-list .news-content {
    --line-clamp: 6;
  }
}
@media (max-width: 640px) {
  .news-list .news-content {
    --line-clamp: 4;
    text-indent: unset;
  }
}
.news-list .news-source:not(:empty):before {
  content: '【';
}
.news-list .news-source:not(:empty):after {
  content: '】';
}
.news-list .news-view {
  color: var(--link-color);
}
@media (max-width: 640px) {
  .news-list .news-view {
    font-size: 0.925em;
  }
}
.news-list.highlight .news-item {
  border: solid #0000;
  max-width: 600px;
  padding: 32px 28px 28px;
  position: relative;
}
@media (max-width: 640px) {
  .news-list.highlight .news-item {
    padding: 20px;
  }
}
.news-list.image {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.news-list.image .news-item {
  border: solid #0000;
  max-width: 320px;
  padding-bottom: 28px;
}
.news-list.image .news-item:hover,
.news-list.image .news-item:active,
.news-list.image .news-item.active {
  border-color: var(--theme-color);
}
.news-list.image .news-image {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.news-list.image .news-wrapper-column,
.news-list.image .news-view {
  padding-left: 28px;
  padding-right: 28px;
}
.list-pagination {
  -webkit-user-select: none;
  user-select: none;
  justify-content: end;
  gap: 12px;
  padding-top: 40px;
  padding-bottom: 40px;
  font-weight: 500;
  display: flex;
}
@media (max-width: 640px) {
  .list-pagination {
    flex-direction: column;
  }
}
.list-pagination .pagination-buttons {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}
@media (max-width: 640px) {
  .list-pagination .pagination-buttons {
    justify-content: center;
    gap: 6px;
  }
  .list-pagination .pagination-buttons > span {
    text-align: center;
    width: 100%;
    margin-bottom: 12px;
    display: block;
  }
}
.list-pagination .pagination-buttons .button {
  width: 40px;
  height: 40px;
  color: inherit;
  transition: all var(--transition-duration-faster);
  background-color: #fff;
  border: thin solid #eee;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 16px #0000001a;
}
.list-pagination .pagination-buttons .button:before {
  z-index: -1;
  border-radius: inherit;
  background-image: linear-gradient(
    to right,
    var(--gradient-start-color),
    var(--gradient-end-color)
  );
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: all var(--transition-duration-faster);
  content: '';
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.list-pagination .pagination-buttons .button:hover,
.list-pagination .pagination-buttons .button:active,
.list-pagination .pagination-buttons .button.active {
  color: #fff;
  background-color: #0000;
}
.list-pagination .pagination-buttons .button:hover:before,
.list-pagination .pagination-buttons .button:active:before,
.list-pagination .pagination-buttons .button.active:before {
  opacity: 1;
}
.list-pagination .pagination-buttons .button:last-child {
  margin-right: 30px;
}
@media (max-width: 640px) {
  .list-pagination .pagination-buttons .button {
    width: 36px;
    height: 36px;
  }
  .list-pagination .pagination-buttons .button:last-child {
    margin-right: unset;
  }
}
.list-pagination .pagination-buttons .button .button-content {
  z-index: 1;
}
.list-pagination .pagination-buttons .button .button-content.icon {
  width: 100%;
  height: 100%;
}
.list-pagination .pagination-buttons .button .button-content.icon-prev,
.list-pagination .pagination-buttons .button .button-content.icon-next {
  background: url("data:image/svg+xml,%3csvg%20width='10'%20height='16'%20viewBox='0%200%2010%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.23224%207.99998L9.5962%201.63602L8.18198%200.221802L0.403809%207.99998L8.18198%2015.7781L9.5962%2014.3639L3.23224%207.99998Z'%20fill='%236F7584'/%3e%3c/svg%3e")
    50%/40% 40% no-repeat;
}
.list-pagination .pagination-buttons .button .button-content.icon-next {
  transform: rotate(180deg);
}
.list-pagination .pagination-buttons .button:hover .button-content.icon-prev,
.list-pagination .pagination-buttons .button:hover .button-content.icon-next,
.list-pagination .pagination-buttons .button:active .button-content.icon-prev,
.list-pagination .pagination-buttons .button:active .button-content.icon-next,
.list-pagination .pagination-buttons .button.active .button-content.icon-prev,
.list-pagination .pagination-buttons .button.active .button-content.icon-next {
  background-image: url("data:image/svg+xml,%3csvg%20width='10'%20height='16'%20viewBox='0%200%2010%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M3.23224%207.99998L9.5962%201.63602L8.18198%200.221802L0.403809%207.99998L8.18198%2015.7781L9.5962%2014.3639L3.23224%207.99998Z'%20fill='%23fff'%20/%3e%3c/svg%3e");
}
.list-pagination .pagination-jumping {
  align-items: center;
  display: flex;
}
@media (max-width: 640px) {
  .list-pagination .pagination-jumping {
    justify-content: center;
  }
}
.list-pagination .pagination-jumping .pagination-jumping-input {
  text-align: center;
  border: thin solid #eee;
  border-radius: 8px;
  outline: none;
  width: 60px;
  margin: 0 12px;
  padding: 0.25em 0.5em;
  box-shadow: 0 0 16px #0000001a;
}
.image-explorer {
  z-index: 199;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background-color: #000000e6;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  padding: 4% 8%;
  display: flex;
  position: fixed;
  inset: 0;
}
@media (max-width: 640px) {
  .image-explorer {
    padding: 20vh 0;
  }
}
.image-explorer .close {
  z-index: 1;
  cursor: pointer;
  background: #000000bf
    url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M877.216%20491.808M575.328%20510.496%20946.784%20140.672c17.568-17.504%2017.664-45.824%200.192-63.424-17.504-17.632-45.792-17.664-63.36-0.192L512.032%20446.944%20143.712%2077.216C126.304%2059.712%2097.92%2059.648%2080.384%2077.12%2062.848%2094.624%2062.816%20123.008%2080.288%20140.576l368.224%20369.632L77.216%20879.808c-17.568%2017.504-17.664%2045.824-0.192%2063.424%208.736%208.8%2020.256%2013.216%2031.776%2013.216%2011.424%200%2022.848-4.352%2031.584-13.056l371.36-369.696%20371.68%20373.088C892.192%20955.616%20903.68%20960%20915.168%20960c11.456%200%2022.912-4.384%2031.648-13.088%2017.504-17.504%2017.568-45.824%200.096-63.392L575.328%20510.496%20575.328%20510.496zM575.328%20510.496'%20fill='%23fff'%3e%3c/path%3e%3c/svg%3e")
    50%/70% 70% no-repeat;
  border-radius: 2px;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 12px;
  right: 12px;
}
.image-explorer .wrapper-column {
  z-index: 0;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
}
.image-explorer .swiper {
  --swiper-navigation-color: #fff;
  --swiper-pagination-color: #fff;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  overflow: hidden;
}
.image-explorer .swiper-main {
  height: 80%;
}
@media (max-width: 640px) {
  .image-explorer .swiper-main {
    height: 70%;
  }
}
.image-explorer .swiper-thumb {
  height: 20%;
  padding: 10px 0;
}
@media (max-width: 640px) {
  .image-explorer .swiper-thumb {
    height: 30%;
  }
}
.news-list.image .news-item {
  padding-bottom: 0;
}
.news-list.image .news-image {
  border-radius: calc(var(--card-border-radius) - 4px) !important;
}
.news-list.image .news-wrapper-column,
.news-list.image .news-view {
  display: none;
}