* {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: Jost;
 }

 body {
     background-color: #f5f5f5;
     display: flex;
     justify-content: center;
 }

 #common-home,
 #information-about {
     max-width: 100%;
     margin: 0;
     overflow: hidden;
 }
 /* zoom 时长与轮播 interval 同步（由 banner 模块 inline style 注入 --banner-zoom-duration） */
 #common-home .carousel .carousel-item img {
     transition: transform var(--banner-zoom-duration, 3000ms) cubic-bezier(0.8, 1, 0.8, 1);
     transform: scale(1);
 }

 #common-home .carousel .carousel-item.zoom-in img {
     transform: scale(1.2);
 }

 #carousel-banner-0 {
     border: 0;
     margin-bottom: 0;
 }

 /* Banner 铺满视口，指示器 left: 100px 对齐屏幕左侧 */
 #common-home .carousel.slide {
     position: relative;
     width: 100vw;
     max-width: 100vw;
     margin-left: calc(50% - 50vw);
     margin-right: calc(50% - 50vw);
 }

 .carousel-inner img {
     width: 100%;
 }

 #common-home #content,
 #information-about #content {
     padding-left: 0;
     padding-right: 0;
     background-color: #fff;
     max-width: 100%;
     margin: auto;
 }

 #common-home .carousel-indicators {
     flex-direction: column;
     top: 35%;
     left: 100px;
     right: auto;
     bottom: auto;
     margin: 0;
     width: 30px;
     min-width: 30px;
     max-width: 30px;
     height: 300px;
     min-height: 300px;
     max-height: 300px;
     border-radius: 15px;
     border: 1px solid rgba(255, 255, 255, 0.50);
     box-shadow: 0 0 2px 1px rgba(255, 255, 255, 0.80);
     justify-content: space-around;
     align-items: center;
 }


 #common-home .carousel-indicators button {
     width: 22px;
     height: 22px;
     text-indent: unset;
     border: 1px solid #fff;
     background-color: transparent;
     color: #fff;

 }

 #common-home .carousel-indicators .active {
     background-color: #fff;
     border: #fff;
     color: black;
 }



 #common-home .carousel-inner img {
     width: 100%;
     aspect-ratio: 1920/960;
     object-fit: cover;

 }

 #common-home .carousel .carousel-control-prev {
     left: 30px;
 }

 #common-home .carousel .carousel-control-next {
     right: 30px;
 }

 #common-home .carousel:hover .carousel-control-prev {
     left: 50px;
 }

 #common-home .carousel:hover .carousel-control-next {
     right: 50px;
 }

 .header_container #navbar-menu {
     padding-left: 8%;
 }
 @media screen and (max-width: 1025px) {
     #common-home .carousel-indicators {
         flex-direction: row;
         top: auto;
         left: 50%;
         right: auto;
         bottom: 24px;
         transform: translateX(-50%);
         width: auto;
         min-width: unset;
         max-width: unset;
         height: 40px;
         min-height: 40px;
         max-height: 40px;
         padding: 0 12px;
         gap: 8px;
     }

     #menu .navbar-toggler i {
         color: black;
     }
 }