.tintucslide-wrap,.tintucslide-wrap *{box-sizing:border-box}
.tintucslide-wrap{border:1px solid #dfe7f3;background:#fff;overflow:hidden}
.tintucslide-body{display:flex;gap:16px;padding:12px;align-items:stretch}
.tintucslide-left{flex:0 0 64%;min-width:0;position:relative}
.tintucslide-right{flex:1;min-width:280px}

.ts-left-link{display:block;text-decoration:none}
.ts-left-thumb{display:block;position:relative;height:420px;overflow:hidden;background:#f3f6fb;border:1px solid #e6eefb}
.ts-left-img{display:block;width:100%;height:100%;object-fit:cover}
.ts-overlay{position:absolute;left:0;right:0;bottom:0;display:block;padding:18px;background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.35),transparent)}
.ts-overlay-title{display:block;color:#fff;font-size:20px;font-weight:700;line-height:1.2;text-shadow:0 1px 2px rgba(0,0,0,.3)}
.ts-controls{position:absolute;top:15px;right:15px;display:flex;gap:8px;z-index:3}
.ts-controls button{width:38px;height:38px;border:none;background:#fff;border-radius:6px;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.ts-controls button:hover{background:#f2f7ff}

.ts-right-viewport{height:420px;overflow:hidden;position:relative;border:1px solid #e6eefb;background:#fff}
.ts-right-list{display:flex;flex-direction:column;will-change:transform}
.ts-item{display:flex;gap:10px;align-items:center;padding:10px;text-decoration:none;border-bottom:1px dashed #e5eefb;min-height:84px;background:#fff}
.ts-item:last-child{border-bottom:none}
.ts-item:hover{text-decoration:none;background:#f7fbff}
.ts-item-image{display:block;flex:0 0 90px;max-width:90px}
.ts-item img{display:block;width:90px;height:68px;object-fit:cover;background:#f3f6fb;border-radius:2px}
.ts-item-text{display:block;min-width:0;color:#073b6b;font-size:14px;font-weight:700;line-height:1.35;word-break:break-word;overflow:hidden}
.ts-item.active{background:#f2f7ff;border-left:4px solid #0b66c3;padding-left:6px}
.ts-item.active .ts-item-text{color:#0b66c3}

@media (max-width: 1199px){
  .ts-overlay-title{font-size:24px}
}
@media (max-width: 991px){
  .tintucslide-body{flex-direction:column}
  .tintucslide-left,.tintucslide-right{flex:1 1 auto;min-width:0}
  .ts-left-thumb,.ts-right-viewport{height:320px}
  .ts-overlay-title{font-size:22px}
}
@media (max-width: 576px){
  .tintucslide-body{padding:10px;gap:12px}
  .ts-left-thumb,.ts-right-viewport{height:260px}
  .ts-overlay{padding:12px}
  .ts-overlay-title{font-size:18px}
  .ts-item{padding:8px;min-height:76px}
  .ts-item-image{flex-basis:82px;max-width:82px}
  .ts-item img{width:82px;height:62px}
  .ts-item-text{font-size:13px}
}