
.content-selector {  
  display: flex;  
  align-items: flex-start; /* 确保按钮和内容输入框垂直对齐 */  
  padding: 20px;  
}  
  
.button-group {  
  margin-right: 20px;  
}  
  
.button-group button {  
  margin: 5px 0;  
  padding: 10px 20px;  
  font-size: 16px;  
  cursor: pointer;  
  background-color: lightgreen;  
  border: 1px solid lightgray;  
  border-radius: 5px;  
}  
  
.button-group button:hover {  
  background-color: #e0e0e0;  
}  
  
.content-input-box {  
  flex-grow: 1; /* 占据剩余空间 */  
  border: 2px solid #ccc; /* 实线边框 */  
  padding: 10px;  
  border-radius: 5px;  
  position: relative; /* 为内部元素定位做准备（如果需要的话） */  
}  
  
.content-item {  
  /* 这里不需要特别的样式，除非你想对每个内容项进行特定的样式设置 */  
}  
  
.input-area {  
  width: 100%; /* 宽度占满内容输入框 */  
  height: 100px; /* 示例高度，可以根据需要调整 */  
  border: none; /* 移除默认的textarea边框 */  
  resize: none; /* 禁止用户调整大小 */  
  background-color: #f9f9f9; /* 可选的背景色 */  
  padding: 10px;  
  box-sizing: border-box; /* 使得padding和border不会增加元素的宽度 */  
}  
