@charset "utf-8";
/*
Theme Name: joy5
Description:一款完全基于bootstrap5的简洁响应式单栏主题
Version: 1.0.0
Author: Joy
*/
img{max-width:100%;}
.slide-thumbnail{width:100%;overflow-x:scroll;overflow-y:hidden;white-space:nowrap;}
.card-img-h{width:100%;height:0;padding-bottom:135%;overflow:hidden;background-position:center center;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;background-size:cover;}
.card-img-w { width: 100%; height: 0; padding-bottom: 66.666%; overflow: hidden; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }
.card-text-line{height: 2.8rem; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.card-text-mar{margin:-10px -10px 0 -10px;}
.video{ width: 100%; aspect-ratio: 16 / 9; background-color: black; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.video .dplayer{ height: 100%; width: auto; object-fit: contain; }
.video iframe{ width: 100%; height: 100%; border: none; }
.navbar-toggler{border:0!important;padding:.25rem 0!important;font-size:1rem!important;}
.dot{display:block;background:#f00;border-radius:50%;width:8px;height:8px;top:8px;margin-left:24px;position:absolute;}
#content img { border-radius: 6px; }
/*侧栏*/
.sidebar{transition:margin-left .3s;position:fixed;top:56px;left:0;bottom:0;width:200px;background:#222;overflow-y:auto;z-index:1000;display:flex;flex-direction:column}
.sidebar.collapsed{margin-left:-200px}
.sidebar-content{flex:1}
.sidebar-content {flex: 1;overflow-y: auto;scrollbar-width: none;-ms-overflow-style: none;}
.sidebar-content::-webkit-scrollbar { display: none; }
.sidebar-content :is(.collapsing, .collapse.show) {transform: translateZ(0);will-change: height;}
.sidebar-content .collapsing {transition: height 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;}
.sidebar-footer{padding:0.75rem;text-align:center;color:#999;font-size:0.75rem;border-top:1px solid #444}
.main-content{transition:margin-left .3s;margin-left:200px;padding-top:16px}
.main-content.expanded{margin-left:0}
@media (max-width:767px){.sidebar{margin-left:-200px}.main-content{margin-left:0}}