    <style>
      body {
        font-family: system-ui, sans-serif;
        background-color: #f8f9fa;
      }
      .sidebar {
        position: fixed;
		top: 56px;
		left: 0;
		width: 250px;
		height: calc(100vh - 56px);
		overflow-y: auto;
		background-color: #fff;
		border-right: 1px solid #dee2e6;
		z-index: 1000;
      }
      .sidebar .nav-link {
        color: #333;
        display: flex;
        align-items: center;
        gap: 10px;
      }
      .sidebar .nav-link:hover {
        background-color: #f1f1f1;
      }
	  .nav-link.active {
		  background-color: #e9ecef;
		  font-weight: bold;
		  border-radius: 6px;
		}
	  
      .nav-section-title {
        font-size: 0.8rem;
        color: #888;
        text-transform: uppercase;
        padding: 0.75rem 1rem 0.25rem;
      }
	  .nav-icon-btn {
		background-color: #f1f1f1;
		border-radius: 20%;
		width: 40px;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #333;
		font-size: 1.2rem;
		text-decoration: none;
		transition: all 0.3s ease;
    }

    .nav-icon-btn:hover {
      background-color: #e0e0e0;
      color: #dc3545;
    }
 
	.icon-group {
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
      gap: 0.5rem;
      overflow-x: auto;
    }

    .icon-group a {
      flex-shrink: 0;
    }

      @media (max-width: 768px) {
        .sidebar {
          position: fixed;
          left: -250px;
          top:  56px;
          width: 250px;
          transition: left 0.3s;
          z-index: 1010;
        }
        .sidebar.show {
          left: 0;
        }
        .overlay {
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0,0,0,0.5);
          z-index: 1000;
        }
		
      }
	  @media (min-width: 768px) {
		  .container {
			margin-left: 260px;
			
	  }
	  
	}
	@media (min-width: 1080px) {
	  .search-input {
		width: 400px;
	  }
		  
	}
	@media (min-width: 1810px) {
	  .d-xxxl-block {
			display: flex !important;
		  }
	  .search-input {
		width: 800px;
	  }
		  
	}
	.sidebar-right {
	  position: fixed;
	  top: 56px; /* 和 header 对齐 */
	  right: 0;
	  height: calc(100vh - 56px);
	  overflow-y: auto;
	  background-color: #fff;
	  border-left: 1px solid #dee2e6;
	  z-index: 1000;
	}
	.quickie-wrapper:focus-within .quickie-hint {
    display: block !important;
  }
  .bold-first-sentence strong {
      font-weight: bold;
    }
	.breathing-btn {
  animation: breathing 2s ease-in-out infinite;
  box-shadow: 0 0 0 rgba(13, 110, 253, 0.5);
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}

@keyframes breathing {
  0% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(204, 204, 204, 0.5);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 0 15px 6px  rgba(204, 204, 204, 0.4);
  }
  100% {
    transform: scale(1);
    box-shadow: 0 0 0 0 rgba(204, 204, 204, 0.5);
  }
}
    </style>