@charset "utf-8";
/*
Theme Name: boot5
Description:一款完全基于bootstrap5的简洁响应式主题
Version: 1.0.0
Author: idanmu
Author URI: https://idanmu.net
*/
/*字体*/
:root { --bs-font-sans-serif: ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; --bs-font-serif: ui-serif,Georgia,Cambria,"Times New Roman",Times,serif; --bs-font-monospace: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace; }
body,button,input,textarea,select { font-family: var(--bs-font-sans-serif) !important; }
/*一般*/
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{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;}
.comment-list ol{margin-bottom:0 !important;}
a.badge:hover { transform: scale(1.1); transition: all 0.2s ease-in-out; }
#content img { border-radius: 6px; }
/*侧栏*/
.sidebar {position: fixed;top: 56px; left: 0; bottom: 0;width: 200px;z-index: 1000;display: flex;flex-direction: column;overflow: hidden;transition: margin-left .3s ease;transform: translateZ(0);}
.sidebar.collapsed { margin-left: -200px; }
.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;}
.list-group-item {white-space: nowrap;border: 0 !important;}
.sidebar-footer {flex-shrink: 0;padding: 0.75rem;font-size: 0.75rem;text-align: center;color: #999;border-top: 1px solid var(--bs-border-color-translucent);}
.list-group-item:hover { filter: brightness(0.95); }
.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}}
/*背景*/
body { margin: 0; min-height: 100vh; background: url('bg.webp') no-repeat center center; background-size: cover; background-attachment: fixed; position: relative; }
[data-bs-theme="light"] body::before { content: ""; position: fixed; inset: 0; background: rgba(255, 255, 255, 0.8); z-index: -1; }
[data-bs-theme="dark"] body::before { content: ""; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.8); z-index: -1; }
.sidebar .list-group-item { background: rgba(255, 255, 255, 0) !important; }
[data-bs-theme="dark"] .sidebar .list-group-item { background: rgba(0, 0, 0, 0) !important; color: #eee !important; }
.card, .navbar, .dropdown-menu,  .modal-content, .table, .list-group-item, .sidebar, .nav-pills, .nav-tabs .nav-link { background: rgba(255, 255, 255, 0.8) !important; }
[data-bs-theme="dark"] .card,  [data-bs-theme="dark"] .navbar,  [data-bs-theme="dark"] .dropdown-menu,  [data-bs-theme="dark"] .modal-content,  [data-bs-theme="dark"] .alert,  [data-bs-theme="dark"] .table,  [data-bs-theme="dark"] .list-group-item, [data-bs-theme="dark"] .sidebar, [data-bs-theme="dark"] .nav-pills, [data-bs-theme="dark"] .nav-tabs .nav-link, [data-bs-theme="dark"] .btn { background: rgba(0, 0, 0, 0.8) !important; color: #eee !important; }