.carousel{position:relative;margin:0 auto;overflow:hidden}.carousel-inner{display:flex;transition:transform .5s ease-in-out}.carousel-item{min-width:100%;box-sizing:border-box}.carousel-item img{width:100%;display:block}.carousel-control{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.5);color:white;border:0;padding:10px;cursor:pointer}.carousel-control.prev{left:0}.carousel-control.next{right:0}@media screen and (max-width:1200px){.search-box{display:none}.gameItem{margin:2vw!important;width:15vw!important}.gameItem img{height:15vw!important}.sven_aside{padding-right:0!important}}.overflow-hidden{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.btn-watch{display:inline-block;padding:2px 15px;background-color:#e67700;color:white;text-decoration:none;border-radius:10px;font-size:16px;font-weight:bold;text-align:center;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:background-color .3s ease}.sven_match__item{padding:3px;border-bottom:1px solid gray!important;margin:3px 0}@media screen and (max-width:1200px){.sven_match__item{font-size:14px;padding:10px 0;border-bottom:1px solid gray!important;margin:10px 0}}@keyframes spring-animation{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}#weather-ticker{width:1200px;height:40px;line-height:40px;font-size:14px;color:#222;background:#fffaf0;border-bottom:1px solid #f0e6c8;overflow:hidden;position:relative;z-index:1200;-webkit-tap-highlight-color:transparent}#weather-ticker .wt-viewport{height:100%;display:block;overflow:hidden;position:relative}#weather-ticker .wt-track{display:flex;align-items:center;height:100%;white-space:nowrap;will-change:transform}#weather-ticker .wt-item{display:inline-block;padding:0 16px;white-space:nowrap;flex:0 0 auto}@keyframes wt-marquee{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--marquee-distance,100%)))}}#weather-ticker .animate{animation-name:wt-marquee;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:running}#weather-ticker .paused{animation-play-state:paused!important}#weather-ticker .no-anim{animation:none!important;justify-content:flex-start;padding-left:12px}@media(max-width:420px){#weather-ticker{height:36px;line-height:36px;font-size:13px}#weather-ticker .wt-item{padding:0 10px}}
.carousel-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-radius: 3px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.carousel-slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.carousel-slide {
    flex: 0 0 100%;
    box-sizing: border-box;
    /* 关键：固定高度 260px */
    height: 260px;
}

/* 关键：图片样式 - 固定高度，居中裁剪 */
.carousel-slide img {
    width: 100%;
    height: 100%;
    display: block;
    /* object-fit: cover;  图片比例不变，填满容器，超出部分裁剪 */
    object-position: center;  /* 居中显示 */
}

/* 上一页/下一页按钮 */
.carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    cursor: pointer;
    padding: 10px 15px;
    font-size: 18px;
    z-index: 10;
}

.prev {
    left: 10px;
}

.next {
    right: 10px;
}

/* 指示点容器 */
.dots-container {
    text-align: center;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    z-index: 10;
}

.dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    margin: 0 5px;
    cursor: pointer;
}

.dot.active {
    background-color: var(--contrast-color);
    /* border: 1px solid #333; */
    width: 12px;
    height: 12px;
}

/* 移动端适配 - 高度可以稍微调低一点 */
@media (max-width: 768px) {
    .carousel-slide {
        height: 200px;
    }
}