/* @theme-name: 生殖风 */
/* @theme-author: qq$不安分 */
/* @theme-time: 2026-07-16T02:01:14.031Z */
/* 生殖科患者调研温馨主题：采用柔和豆沙粉主色，暖调背景降低填答心理压力 */
:root {
  --ai-base-primary: #d67c96; /* 温柔豆沙粉主色，贴合生殖科温馨私密的氛围 */
  --ai-base-text: #333333; /* 深灰文字，柔和不刺眼 */
  --ai-base-muted: #777777; /* 次要说明文字浅灰 */
  --ai-base-border: #e2b4c1; /* 常规边框浅粉色 */
  --ai-base-light-border: #f5e8ec; /* 浅边框色 */
  --ai-base-error: #ff5c8a; /* 错误提示色 */
}

/* 全局背景 */
body {
  background-color: #fffafb;
  margin: 0;
  padding: 0 10px;
}

/* 问卷标题 */
#toptitle .htitle {
  font-size: 24px;
  padding: 20px 0 10px;
  color: var(--ai-base-primary);
}

/* 问卷描述 */
#divDesc {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(214, 124, 150, 0.08);
  padding: 16px;
  margin-bottom: 12px;
}

/* 问题卡片样式 */
div.field, div.formfield, .div_question {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(214, 124, 150, 0.08);
  margin: 12px 0;
  padding: 20px 16px;
  border: none;
}

/* 输入框样式 */
.ui-input-text {
  border: 1px solid var(--ai-base-light-border);
  border-radius: 8px;
  padding: 4px 0;
}

/* 多行文本框样式 */
.beginner_problem textarea {
  border: 1px solid var(--ai-base-light-border);
  border-radius: 8px;
}

/* 选项间距调整 */
.ui-controlgroup .ui-radio .label, .ui-controlgroup .ui-checkbox .label {
  padding: 10px 10px 10px 0;
  line-height: 1.6;
}

/* 提交按钮样式 */
#ctlNext.submitbtn {
  border-radius: 24px;
  height: 48px;
  line-height: 48px;
  font-size: 17px;
  margin: 24px auto;
  width: calc(100% - 32px);
  box-shadow: 0 4px 12px rgba(214, 124, 150, 0.3);
}

/* @wjx-ai-control-fix:start */
.ui-controlgroup .ui-radio.checked .jqchecked:before {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 8px !important;
    height: 8px !important;
    margin: -4px 0 0 -4px !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: none !important;
    animation: none !important;
    transform: none !important;
    pointer-events: none !important;
}
.ui-controlgroup .ui-radio.checked .jqchecked:after {
    display: none !important;
    content: none !important;
}
.ui-controlgroup .ui-checkbox.checked .jqchecked:after {
    top: 50% !important;
    left: 50% !important;
    width: 5px !important;
    height: 10px !important;
    margin: -6px 0 0 -3px !important;
    transform: rotate(45deg) scale(1) !important;
    transform-origin: center center !important;
}
/* @wjx-ai-control-fix:end */