.info .info-detail{color:#666;padding-left:20px;}.info .info-detail h3{color:#333}.info .info-detail ul li a{color:#666;padding-right:5px}.video-list .nav-link{--bs-nav-link-color: #333}.video-list .nav-link.active{--bs-nav-tabs-link-active-color: #0cf}.video-list .channel a{display:block;width:100%;text-align:center;border:1px solid #999;padding:5px 2px;margin:0 2px;color:#333}.video-list .channel a:hover{color:#0cf}.video-list .channel a.active{background-color:#0cf;color:#fff;border:1px solid #0cf}.desc .desc-hd,.rec .rec-hd{line-height:30px}.desc .desc-hd a,.rec .rec-hd a{color:#333;font-size:16px}.desc .content{text-align:justify;font-size:16px}.rec .card-title{color:#333}.rec .card-body{border:none;padding:15px 0}.rec .card-body h5{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rec .card-body p{color:#999;font-size:12px;line-height:24px;height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.episode-link { display: block; /* 使链接占满整个列宽 */ padding: 10px; /* 增加内边距 */ border-radius: 8px; /* 设置圆角边框 */ background-color: #f8f9fa; /* 设置背景色 */ border: 1px solid #ddd; /* 设置边框颜色 */ color: #333; /* 设置文本颜色 */ text-decoration: none; /* 去除默认的链接下划线 */ transition: background-color 0.3s ease, color 0.3s ease; /* 添加过渡效果 */ } .info-img { width: 50%; padding-top: 28.125%; } /* 手机端样式 */ @media (max-width: 767.98px) { .info-img { width: 100%; /* 在手机端占满整个容器的宽度 */ padding-top: 56.25%; /* 更改纵横比，如果你希望更改图片比例，例如16:9的比例 */ } .info-img img { border-radius: 10px; /* 为图片添加圆角 */ /* 其他针对手机端的样式 */ } }