* {margin: 0;padding: 0;box-sizing: border-box;}html, body, #root {width: 100%;height: 100%;}#root {min-width: 1280px;min-height: 720px;overflow-x: hidden;overflow-y: scroll;}#root::-webkit-scrollbar {width: 0;}#root .swiper-wrap {position: relative;width: 100%;aspect-ratio: 16 / 9;max-height: 100%;}#root .swiper-wrap .swiper-inner {position: relative;width: 100%;height: 100%;}#root .swiper-wrap .swiper-inner .swiper-item {visibility: hidden;position: absolute;right: calc(-12% - (12% - 88px) - 12px);bottom: 60px;width: 12%;height: 12%;border-radius: 6px;overflow: hidden;transition: right 600ms ease, bottom 600ms ease, width 600ms ease, height 600ms ease;}#root .swiper-wrap .swiper-inner .swiper-item img {display: flex;width: 100%;height: 100%;object-fit: cover;}#root .swiper-wrap .swiper-inner .swiper-item:first-child, #root .swiper-wrap .swiper-inner .swiper-item:nth-child(2), #root .swiper-wrap .swiper-inner .swiper-item:nth-child(3), #root .swiper-wrap .swiper-inner .swiper-item:last-child {visibility: visible;z-index: 1;}#root .swiper-wrap .swiper-inner .swiper-item:last-child {z-index: 0;}#root .swiper-wrap .swiper-inner .swiper-item:first-child, #root .swiper-wrap .swiper-inner .swiper-item:last-child {right: 0;bottom: 0;width: 100%;height: 100%;border-radius: 0;}#root .swiper-wrap .swiper-inner .swiper-item:nth-child(2), #root .swiper-wrap .swiper-inner .swiper-item:nth-child(3) {box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);}#root .swiper-wrap .swiper-inner .swiper-item:nth-child(2) {right: 100px;cursor: pointer;}#root .swiper-wrap .swiper-inner .swiper-item:nth-child(3) {right: calc(100px - 12% - 12px);}#root .swiper-wrap .prev-btn, #root .swiper-wrap .next-btn {z-index: 9;position: absolute;top: 50%;transform: translateY(-100%);padding: 20px 15px;color: white;font-size: 24px;line-height: 24px;border: none;background-color: rgba(0, 0, 0, 0.5);transition: background-color 0.3s;cursor: pointer;}#root .swiper-wrap .prev-btn {left: 0;}#root .swiper-wrap .next-btn {right: 0;}#root .swiper-wrap .prev-btn:hover, #root .swiper-wrap .next-btn:hover {background-color: rgba(0, 0, 0, 0.8);}#root .footer {display: flex;justify-content: center;align-items: center;width: 100%;height: 80px;background-color: #f2f2f2;}#root .footer span::after {content: "|";margin: 0 12px;color: #aaaaaa;font-size: 16px;line-height: 24px;}#root .footer span:last-child::after {display: none;}#root .footer .gongan a, #root .footer .ICP a {color: black;font-size: 18px;line-height: 24px;letter-spacing: 2px;text-decoration: none;}#root .footer .gongan {display: flex;align-items: center;}#root .footer .gongan img {width: 16px;margin-right: 6px;}.mobile #root {min-width: initial;min-height: initial;}.mobile #root .swiper-wrap {aspect-ratio: initial;max-height: initial;}.mobile #root .swiper-wrap .swiper-inner {height: initial;}.mobile #root .swiper-wrap .swiper-inner .swiper-item {visibility: initial;z-index: initial;position: initial;right: initial;bottom: initial;width: initial;height: initial;border-radius: initial;overflow: initial;transition: initial;aspect-ratio: 10 / 7;}.mobile #root .footer {flex-direction: column;}.mobile #root .swiper-wrap .prev-btn, .mobile #root .swiper-wrap .next-btn {display: none;}.mobile #root .footer span::after {display: none;}.mobile #root .footer .gongan a, .mobile #root .footer .ICP a {font-size: 12px;}