@charset "utf-8";
/*
Theme Name: Ani5
Description:一款完全基于bootstrap5的简洁响应式主题
Version: 1.0.0
Author: Ani
Author URI: https://nyapro.com
*/
/*字体*/
: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{height: 1.5rem; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -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; }
.navbar-toggler{border:0!important;padding:.25rem 0!important;font-size:1rem!important;}
.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; }
.img-container { position: relative; overflow: hidden; aspect-ratio: 16/10; }
.post-card .card-img-top { transition: transform 0.5s ease; }
.post-card:hover .card-img-top { transform: scale(1.1); }
.play-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.15); opacity: 0; transition: opacity 0.3s ease; z-index: 2;}
.post-card:hover .play-overlay { opacity: 1; }
.play-icon { font-size: 3.5rem; color: rgba(255,255,255,0.9); filter: drop-shadow(0 2px 10px rgba(0,0,0,0.3));}
.post-card { transition: box-shadow 0.3s ease; }
.post-card:hover { box-shadow: 0 8px 15px rgba(0,0,0,0.1) !important; }
/*侧栏*/
.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;}
.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:768px){.sidebar{margin-left:-200px}.main-content{margin-left:0}}
/*plyr*/
:root { --plyr-color-main: #00b3ff; }
.plyr-wrapper { margin-bottom: 16px; border-radius: 0.375rem; overflow: hidden; background: #000; max-width: 100%; max-height: 80vh; margin-left: auto; margin-right: auto; display: flex; align-items: center; justify-content: center; }
.wp-plyr-player { width: auto; max-width: 100%; max-height: 80vh; display: block; object-fit: contain; }
.plyr { height: 100%; width: 100%; }
@media (max-width: 768px) { .plyr-wrapper, .wp-plyr-player { max-height: 70vh; } }