.youtube_wrapper { position: relative; width: 100%; max-width: 800px; margin: auto; }
.basic_youtube { position: relative; border: 1px solid #ddd; background: #fff; border-radius: 5px; font-size: 15px; line-height: 1.5; }
.basic_youtube:after { display: block; visibility: hidden; clear: both; content: ""; }
.basic_youtube .title { margin: 0; width: 100%; border-bottom: 1px solid #ddd; background: #f4f4f4; }
.basic_youtube .title a { display: inline-block; padding: 7px 0 6px 13px; font-size: 16px; font-weight: 600; color: #222; }
.basic_youtube .more { position: absolute; top: 10px; right: 13px; font-size: 12px; text-decoration: none !important; color: #222; }
.youtube_container { position: relative; width: 100%; padding: 10px; overflow: hidden; }
.swiper-wrapper { display: flex; align-items: stretch; }
.swiper-slide { text-align: center; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
.swiper-slide .thumb { position: relative; display: block; width: 100%; height: auto; border: 1px solid #ddd; border-radius: 4px; transition: transform 0.3s ease; overflow: hidden; }
.swiper-slide .thumb img { display: block; width: 100%; height: auto; border-radius: 5px; transition: transform 1s; }
.swiper-slide .thumb img:hover { transform: scale(1.1); }
.swiper-slide .thumb .play_icon { position: absolute; display: block; width: 28px; height: 28px; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23FFFFFF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5714 16.2064L15.8571 13.7321C17.1905 12.9622 17.1905 11.0377 15.8571 10.2679L11.5714 7.79359C10.2381 7.02379 8.57143 7.98604 8.57143 9.52564V14.4744C8.57143 16.014 10.2381 16.9762 11.5714 16.2064Z' fill='%23F95950'/%3E%3C/svg%3E") center center no-repeat; }
.swiper-slide .desc { overflow: hidden; margin-top: 8px; text-align: center; }
.swiper-slide .desc .subject { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; word-break: break-word; min-height: 40px; text-align: left; }
.swiper-slide .desc .subject a:hover { color: #f07929; }
.swiper-slide .desc .time { display: block; color: #999; font-size: 14px; }
.youtube-button-next, .youtube-button-prev { color: #555; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; background: #fff; border-radius: 50%; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.15); transition: all 0.3s ease-in-out; cursor:pointer;}
.youtube-button-prev { left: -10px; }
.youtube-button-next { right: -10px; }
.youtube-button-prev:hover, .youtube-button-next:hover { background: rgba(255, 255, 255, 1); box-shadow: 0px 6px 10px rgba(0, 0, 0, 0.25); }
.youtube-button-prev i, .youtube-button-next i { font-size: 16px; color: #333; transition: color 0.3s ease; }
.youtube-button-prev:hover i, .youtube-button-next:hover i { color: #f07929; }
.youtube-button-next::after, .youtube-button-prev::after { display: none; }

@media (max-width: 640px) {
	.youtube-button-prev, .youtube-button-next {display:none !important;}
}