.ytcd-container{display:flex;gap:20px;max-width:1600px;margin:0 auto;padding:20px;background:#f9f9f9;border-radius:12px}.ytcd-sidebar{flex:0 0 320px;display:block;max-height:600px;height:600px;overflow-y:scroll;overflow-x:hidden;padding-right:8px}.ytcd-sidebar::-webkit-scrollbar{width:6px}.ytcd-sidebar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.ytcd-sidebar::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.ytcd-sidebar::-webkit-scrollbar-thumb:hover{background:#555}.ytcd-thumb{cursor:pointer;transition:all 0.3s ease;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgb(0 0 0 / .1);position:relative;margin-bottom:12px}.ytcd-thumb:hover{transform:translateX(5px);box-shadow:0 4px 12px rgb(0 0 0 / .15)}.ytcd-thumb-inner{display:flex;gap:10px;padding:8px;align-items:center}.ytcd-thumb-img{flex:0 0 140px;position:relative;min-width:140px;max-width:140px}.ytcd-thumb-img::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:rgb(0 0 0 / .7);border-radius:50%;opacity:0;transition:opacity 0.3s}.ytcd-thumb:hover .ytcd-thumb-img::after{opacity:1}.ytcd-thumb-img::before{content:'';position:absolute;top:50%;left:52%;transform:translate(-50%,-50%);width:0;height:0;border-left:12px solid #fff;border-top:8px solid #fff0;border-bottom:8px solid #fff0;z-index:1;opacity:0;transition:opacity 0.3s}.ytcd-thumb:hover .ytcd-thumb-img::before{opacity:1}.ytcd-thumb img{width:140px;height:80px;object-fit:cover;border-radius:6px;display:block;background:#e0e0e0}.ytcd-thumb-info{flex:1;display:flex;flex-direction:column;justify-content:center}.ytcd-thumb span{font-size:13px;line-height:1.3;color:#333;font-weight:500;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:52px}.ytcd-main{flex:1;min-width:0;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgb(0 0 0 / .2)}.ytcd-player-wrapper{position:relative;width:100%;padding-bottom:56.25%}#ytcd-player{position:absolute;top:0;left:0;width:100%;height:100%;border:none}#ytcd-title{padding:20px;margin:0;font-size:22px;font-weight:600;color:#fff;background:linear-gradient(to bottom,#000,#1a1a1a);line-height:1.4}@media (max-width:768px){.ytcd-container{flex-direction:column;padding:15px}.ytcd-sidebar{flex:none;max-height:none;order:2}.ytcd-thumb-inner{padding:10px}.ytcd-thumb-img{flex:0 0 120px}#ytcd-title{font-size:16px;padding:15px}}