.sv-timeline-page{max-width:1200px;margin:0 auto;padding:20px}.timeline-loading{text-align:center;padding:40px;color:#666}.timeline-content{margin-top:40px}.timeline-image{margin-bottom:20px}.timeline-image img{width:100%;max-width:100%;height:auto;border-radius:8px}.timeline-text h2:first-child{margin-top:0}.timeline-no-content{text-align:center;padding:60px 20px;color:#999;font-style:italic}.timeline-wrapper{display:flex;align-items:center;gap:20px;background:#fff;padding:40px 30px;border-radius:12px;box-shadow:0 2px 8px rgb(0 0 0 / .08)}.timeline-arrow{background:linear-gradient(90deg,#0D98BA 0%,#0000FF 100%);border:none;font-size:1.4rem;cursor:pointer;user-select:none;color:#fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;opacity:.9}.timeline-arrow:hover{opacity:1;transform:scale(1.05);box-shadow:0 4px 12px rgb(13 152 186 / .3)}.timeline-arrow:active{transform:scale(.95)}.timeline-arrow:disabled{opacity:.3;cursor:not-allowed}.timeline{position:relative;flex:1;height:80px;cursor:grab;touch-action:pan-y}.timeline:active{cursor:grabbing}.timeline::before{content:"";position:absolute;top:40px;left:0;right:0;height:3px;background:#e0e0e0;border-radius:2px}.timeline-year{position:absolute;top:0;transform:translateX(-50%);text-align:center;cursor:pointer;user-select:none;transition:all 0.3s ease}.timeline-year::after{content:"";position:absolute;top:40px;left:50%;width:2px;height:10px;background:#e0e0e0;transform:translate(-50%,-50%);transition:all 0.3s ease;border-radius:2px}.timeline-year.is-5::after{height:16px;background:#ccc;border-radius:2px}.timeline-year.is-10::after{height:24px;background:#999;border-radius:2px}.timeline-year.active::after{height:30px;width:4px;background:linear-gradient(180deg,#0D98BA 0%,#0000FF 100%);border-radius:3px}.timeline-year.active span{position:absolute;top:5px;left:50%;transform:translate(-50%,-100%);font-size:1.2rem;font-weight:700;background:linear-gradient(90deg,#0D98BA 0%,#0000FF 100%);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text;white-space:nowrap}.timeline-year:not(.active) span{display:none}.timeline-year:hover::after{background:blue;height:20px}@media (max-width:768px){.timeline-wrapper{padding:30px 20px}.timeline-arrow{width:36px;height:36px;font-size:1.2rem}.timeline{height:70px}.timeline-content-inner{padding:20px}}