.chat-container {
    transition: margin-right 0.3s ease-in-out, 
                margin-left 0.3s ease;
}
/* 初始隐藏 */
#notepadPanel {
    position: fixed;
    top: 0;
    right: 0; /* 固定位置 */
    width: 30%;
    height: 100%;
    background-color: #f9f9f9;
    box-shadow: -2px 0px 5px rgba(0, 0, 0, 0.3);
    
    display: flex;
    flex-direction: column;

    transform: translateX(100%); /* 向右移出屏幕 */
    transition: transform 0.3s ease-in-out; /* 平滑过渡 */
    z-index: 101;
}

/* 显示时 */
#notepadPanel.shown {
    transform: translateX(0); /* 滑入可视区域 */
    z-index: 101;
}
        /* 按钮样式 */
        #toggleBtn {
            position: fixed;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            background-color: #4CAF50;
            color: white;
            border: none;
            padding: 10px 15px;
            cursor: pointer;
            border-radius: 5px;
            z-index: 1000;
        }
        #notepadHeader {
            padding: 10px;
            background-color:#4CAF50 ;
            color:white ;
        }
        #notebookSelect {
           width :100%;
           margin-bottom :10px ;
           padding :5px ;
        }
        #noteContent {
           flex-grow :1 ;
           padding :10px ;
           resize:none ;
           border:none ;
           outline:none ;
       }
       #saveBtn, #addNotebookBtn {
          margin :5px ;
          padding :8px ;
          border:none ;
          cursor:pointer ;
          background-color:#2196F3 ;
          color:white ; 
          border-radius :4px ; 
       }