body{
  background-image: url("black.png" );
  background-size: auto;
  background-position: center;
}
.offcanvas-body a{text-decoration:none;color:#fff;}
.offcanvas-body a:hover {
color:rgb(0, 61, 71);
}
@media(max-width:991px){
  #offcanvasNavbar{
    background-color: rgba(64, 70, 71,0.6);
    backdrop-filter: blur(10px); 
  }
  .active#offcanvasNavbar{
    background-color: rgba(0, 61, 71,0.6); 
    backdrop-filter: blur(10px);
  }
  .offcanvas-body{
    display: flex;
    align-items: center; 
    line-height: 50px;
  }
}
button[data-bs-toggle="offcanvas"] {
    position: relative;
    color: white;
    padding: 10px 20px;
    border: 1px solid white;
    background-color: transparent;
    transition: background-color 0.3s ease;
}

button[data-bs-toggle="offcanvas"]:hover {
    background-color: rgba(255, 255, 255, 0.6); /* 悬停时的透明背景 */
    backdrop-filter: blur(10px); 
}
.active#offcanvasNavbar{
    background-color: rgba(0, 61, 71,0.6); /* 悬停时的透明背景 */
    backdrop-filter: blur(10px);
 }


/*background-blend-mode:multiply;
  min-height: 100vh;最小要滿版
  background-size:cover ;
  padding-bottom:20%;*/