/* Custom fonts fallbacks - Original fonts: YOUSHEhaoshenti, Alimama ShuHeiTi, MiSans, PangZhenGui-PMZD, Microsoft YaHei */
 body {
   font-family: 'Microsoft YaHei', 'PingFang SC', 'Noto Sans SC', sans-serif;
 }

 .font-logo {
   font-family: 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
 }

 .font-pang {
   font-family: 'PingFang SC', 'Microsoft YaHei', 'Noto Sans SC', sans-serif;
 }

 /* Gradient text utilities */
 .text-gradient-orange {
   background: linear-gradient(122deg, rgba(19, 63, 222, 1) 0%, rgba(2, 118, 254, 1) 94%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
 }

 .bg-gradient-welcome {
   background: linear-gradient(180deg, rgba(210, 224, 234, 1) 0%, rgba(255, 255, 255, 1) 45%);
 }

 .card-shadow {
   box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
 }

 .swiper-button-next,
 .swiper-button-prev {
   color: #0276FE !important;
 }

 .swiper-pagination-bullet-active {
   background: #0276FE !important;
 }

 .news-dot::before {
   content: '';
   display: inline-block;
   width: 4px;
   height: 4px;
   background: #0276FE;
   margin-right: 7px;
   vertical-align: middle;
   flex-shrink: 0;
 }

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

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

 .hover-scale {
   transition: transform 0.2s ease, box-shadow 0.2s ease;
 }

 .hover-scale:hover {
   transform: translateY(-2px);
   box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
 }

 .text-nowrap-ellipsis,
 .text-nowrap-ellipsis-2,
 .text-nowrap-ellipsis-3,
 .text-nowrap-ellipsis-4,
 .text-nowrap-ellipsis-5 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
 }

 .text-nowrap-ellipsis {
   -webkit-line-clamp: 1;
 }

 .text-nowrap-ellipsis-2 {
   -webkit-line-clamp: 2;
 }

 .text-nowrap-ellipsis-3 {
   -webkit-line-clamp: 3;
 }

 .text-nowrap-ellipsis-4 {
   -webkit-line-clamp: 4;
 }

 .text-nowrap-ellipsis-5 {
   -webkit-line-clamp: 5;
 }

 .menu a.active {
    color: #0276FE;
}
.list-title::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 3px;
  height: 20px;
   background: linear-gradient(90deg, rgba(3, 102, 218, 1) 0%, rgba(2, 118, 254, 1) 94%);
  margin-right: 7px;
  vertical-align: middle;
  flex-shrink: 0;
}
.detail-content img {
  max-width: 100%;
  height: auto;
  /* margin: 10px auto; */
}