#mention-btn { 
    display: inline-block; 
    margin: 10px 0;  /* 上下に余白 */ 
    padding: 8px 15px;  /* ボタンの内側の余白を増やしてサイズ調整 */ 
    font-size: 16px;  /* 文字サイズを大きく */ 
    font-weight: bold;  /* 文字を少し太くする */ 
    background-color: #0073aa; 
    color: white; 
    border: none; 
    border-radius: 6px;  /* 角を少し丸める */ 
    cursor: pointer; 
    line-height: 1.6;  /* 高さを文字に合わせる */ 
} 

#mention-btn:hover { 
    background-color: #005f87; 
} 

#mention-list { 
    position: absolute; 
      background: #8fbc8f !important;  /* 背景色を強制適用 */
    border: 1px solid #aaa;  /* 枠線を少し濃く */
    max-height: 200px; 
    overflow-y: auto; 
    width: 220px; /* 幅を少し広げる */
    z-index: 1000; 
    list-style: none; 
    padding: 5px; 
    border-radius: 4px; 
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* 影を少し強調 */
} 

.mention-item { 
    padding: 8px; 
    cursor: pointer; 
    background: #ffffff;  /* 各項目を白背景に */
    border-bottom: 1px solid #ddd;  /* 区切り線を追加 */
} 

.mention-item:last-child { 
    border-bottom: none;  /* 最後のアイテムの区切り線を消す */
} 

.mention-item:hover { 
    background-color: #0073aa; 
    color: white; 
}