.questionAnswerInfo {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  border-radius: @border-radius-base;
}

.questionAnswerInfo-content {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  padding: 20px;
}

// 统一的表单控件样式
.questionAnswerInfo-content-title {
  width: 100%;
  max-width: 646px;
  height: 48px;
}

// 标题文本样式
.section-title {
  font-size: 16px;
  font-weight: 500;
  color: #262626;
  margin-bottom: 16px;
}

// 链接样式
.link-more-settings {
  color: @primary-color;
  cursor: pointer;
  text-decoration: none;
  
  &:hover {
    text-decoration: underline;
  }
}

// 通用样式类
.form-control-width {
  width: 100%;
  max-width: 646px;
}

.form-control-height {
  height: 48px;
}

.textarea-full-width {
  width: 100%;
}

.textarea-fixed-height {
  height: 300px;
}

// 问题输入框样式
.question-input {
  width: 100%;
  max-width: 300px;
  padding-top: 8px;
  margin-left: 20px;
}

.question-icon {
  margin-left: 20px;
}

// 按钮样式
.btn-secondary {
  background: #f5f5f5;
}

// 容器样式
.flex-center-container {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f5f5f5;
  width: 100%;
  height: 100%;
}

// Flex布局样式
.flex-end {
  display: flex;
  justify-content: flex-end;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-center-top {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 50px;
  font-size: 16px;
}

// 表单控件样式
.form-input-large {
  width: 100%;
  max-width: 646px;
  padding: 8px;
}

.form-textarea-large {
  height: 120px;
  resize: none;
  width: 100%;
  max-width: 646px;
}

.form-input-number-small {
  margin: 0 16px;
  width: 100px;
}

// 布局样式
.full-size {
  width: 100%;
  height: 100%;
}

.half-width {
  width: 50%;
  height: 100%;
}

.padding-top-10 {
  padding-top: 10px;
}

.padding-top-20 {
  padding-top: 20px;
}

.padding-bottom-10 {
  padding-bottom: 10px;
}

// 响应式设计
@media (max-width: 768px) {
  .questionAnswerInfo-content-title,
  .form-control-width,
  .form-input-large,
  .form-textarea-large {
    max-width: 100%;
  }
  
  .question-input {
    max-width: 100%;
    margin-left: 0;
  }
  
  .half-width {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .questionAnswerInfo-content {
    padding: 16px;
  }
  
  .form-input-large,
  .form-textarea-large {
    padding: 6px;
  }
}

// 移除重复的 Ant Design 组件样式，使用全局样式
// 只保留组件特有的样式覆盖