
  
.floating-nav {  
    position: fixed;  
    top: 67%; /* Center vertically */  
    left: 0; /* Stick to the left side of the screen */  
    transform: translateY(-50%); /* Center vertically based on its own height */  
    height: auto; /* Allow the height to be determined by its content */  
    background-color: rgba(10, 53, 154, 1); /* Background color with some transparency */  
    color: white;  
    padding: 5px;  
    box-sizing: border-box; /* Include padding in the element's total width and height */  
    border-radius: 10px 10px 10px 10px; /* Rounded corner on the left side */  
    z-index: 1000; /* Ensure it floats above other content */  
    flex-direction: column; /* Make the items stack vertically (default for a block element, but explicit for clarity) */  
    align-items: flex-start; /* Align items at the start of the cross axis (left side in this case, but not necessary as default) */  
    justify-content: center; /* Center items vertically within the container (not necessary here as we're using translateY) */  
    display: flex; /* Use flexbox for layout, though not strictly necessary for vertical stacking */  
    /* Flexbox is used here for potential future modifications or additional styling */  
    width: 8%;
    font-size: 0.5rem;
}  
  
.floating-nav a {  
    color: white;  
    text-decoration: none;  
    /*margin: 10px 0;  */
    padding: 10px;  
    border-radius: 5px;  
    transition: background-color 0.3s;  
    display: block; /* Ensure each link takes up the full width of the container */  
    width: 100%; /* Explicit width for clarity, though not strictly necessary */  
    font-size: 0.8rem;
    border: 0.5px dashed white; 
}  
  
.floating-nav a:hover {  
    background-color: rgba(255, 255, 255, 0.2);  
}  
  
.content {  
    margin-left: 220px; /* Adjust this to ensure content does not overlap with the nav (width of nav + some padding) */  
    padding: 20px;  
}

@media (max-width: 950px) {  
    .floating-nav {  
        display: none; /* 隐藏导航栏 */  
    }  
  

}