.suopu-history-timeline-swiper{position:relative;width:100%;max-width:1400px;margin:0 auto;padding:40px 20px}.suopu-history-main{width:100%;margin-bottom:60px}.suopu-history-main .swiper-slide{display:flex;align-items:flex-start;gap:40px}.suopu-history-main__image{flex:0 0 50%;position:relative;overflow:hidden}.suopu-history-main__image img{width:100%;height:auto;display:block;object-fit:cover}.suopu-history-timeline-swiper .suopu-history-main__image{aspect-ratio:16 / 9}.suopu-history-timeline-swiper[data-image-ratio="4-3"] .suopu-history-main__image{aspect-ratio:4 / 3}.suopu-history-timeline-swiper[data-image-ratio="1-1"] .suopu-history-main__image{aspect-ratio:1 / 1}.suopu-history-timeline-swiper[data-image-ratio="3-2"] .suopu-history-main__image{aspect-ratio:3 / 2}.suopu-history-main__content{flex:1;padding:20px 0}.suopu-history-main__year{font-size:32px;font-weight:700;color:#333;margin:0 0 20px;line-height:1.2}.suopu-history-main__summary{font-size:16px;line-height:1.8;color:#666;margin:0 0 20px}.suopu-history-main__button{display:inline-block;padding:12px 30px;background-color:#06c;color:#fff;text-decoration:none;border-radius:4px;transition:all 0.3s ease}.suopu-history-main__button:hover{background-color:#0052a3;transform:translateY(-2px)}.suopu-history-timeline-swiper.image-right .suopu-history-main .swiper-slide{flex-direction:row-reverse}.suopu-history-ruler-wrap{position:relative;background-color:#f5f5f5;padding:40px 0}.suopu-history-ruler-content{position:relative;display:flex;align-items:center;gap:20px;max-width:1400px;margin:0 auto;padding:0 20px}.suopu-history-thumbs{flex:1;position:relative}.suopu-history-thumbs::before{content:'';position:absolute;left:0;right:0;bottom:0;height:var(--ruler-height,2px);background:repeating-linear-gradient(to right,var(--ruler-color,#e0e0e0) 0,var(--ruler-color,#e0e0e0) 1px,transparent 1px,transparent 10px);z-index:0}.suopu-history-thumbs .swiper-wrapper{position:relative;z-index:1}.suopu-history-thumbs .swiper-slide{width:auto;display:flex;justify-content:center}.suopu-history-thumb{position:relative;background:none;border:none;font-size:18px;font-weight:600;color:#999;cursor:pointer;padding:10px 15px 20px;transition:all 0.3s ease;outline:none}.suopu-history-thumb:hover{color:#06c}.suopu-history-thumb.active{color:#06c}.suopu-history-thumb.active::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid #fff0;border-right:8px solid #fff0;border-bottom:10px solid #06c}.suopu-history-arrow{flex-shrink:0;width:40px;height:40px;background-color:#f5f5f5;border:none;border-radius:4px;color:#333;font-size:20px;line-height:1;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;outline:none}.suopu-history-arrow:hover:not(:disabled){background-color:#06c;color:#fff}.suopu-history-arrow:disabled{opacity:.3;cursor:not-allowed}.suopu-history-arrow--prev::before{content:'‹'}.suopu-history-arrow--next::before{content:'›'}@media (max-width:1024px){.suopu-history-main .swiper-slide{gap:30px}.suopu-history-main__year{font-size:28px}.suopu-history-main__summary{font-size:15px}.suopu-history-thumb{font-size:16px;padding:8px 12px 18px}}@media (max-width:768px){.suopu-history-timeline-swiper{padding:30px 15px}.suopu-history-main{margin-bottom:40px}.suopu-history-main .swiper-slide{flex-direction:column;gap:20px}.suopu-history-main__image{flex:0 0 auto;width:100%}.suopu-history-main__content{width:100%;padding:0}.suopu-history-main__year{font-size:24px;margin-bottom:15px}.suopu-history-main__summary{font-size:14px;line-height:1.6}.suopu-history-ruler{gap:10px;padding:0 10px}.suopu-history-thumb{font-size:14px;padding:6px 10px 16px}.suopu-history-thumb.active::before{border-left-width:6px;border-right-width:6px;border-bottom-width:8px}.suopu-history-arrow{width:36px;height:36px;font-size:18px}.suopu-history-timeline-swiper.image-right .suopu-history-main .swiper-slide{flex-direction:column}}@media (max-width:480px){.suopu-history-timeline-swiper{padding:20px 10px}.suopu-history-main__year{font-size:20px}.suopu-history-thumb{font-size:12px;padding:5px 8px 14px}.suopu-history-arrow{width:32px;height:32px;font-size:16px}}.elementor-editor-active .suopu-history-timeline-swiper{min-height:400px}