/* @theme-name: 粉色 */
/* @theme-author: 手机用户getmqfmpxe2hlgdtfpe5g */
/* @theme-time: 2026-09-01T05:10:19.420Z */
/* 恋爱风游戏问卷主题 */
:root {
  --ai-base-primary: #ff5e8a; /* 主色：恋爱粉 */
  --ai-base-text: #3b262d; /* 主文本：暖深棕 */
  --ai-base-muted: #996677; /* 次要文本：粉灰 */
  --ai-base-border: #e8b8c5; /* 边框色：浅粉灰 */
  --ai-base-light-border: #ffe6ed; /* 浅边框色：极浅粉 */
  --ai-base-error: #ff4066; /* 错误色：亮红粉 */
}

/* 页面背景 */
#pageDiv {
  background: linear-gradient(120deg, #fff0f5 0%, #ffe6f0 100%);
  min-height: 100vh;
  padding: 16px 12px;
  box-sizing: border-box;
}

/* 问题卡片样式 */
div.field, div.formfield {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(255, 94, 138, 0.08);
  border: 1px solid var(--ai-base-light-border);
  margin-bottom: 16px;
}

/* 问卷标题 */
#toptitle .htitle {
  font-size: 26px;
  font-weight: 700;
  color: var(--ai-base-primary);
  position: relative;
  padding: 0 32px;
  margin-bottom: 8px;
}
#toptitle .htitle::before,
#toptitle .htitle::after {
  content: "❤";
  color: var(--ai-base-primary);
  position: absolute;
  top: 0;
}
#toptitle .htitle::before {
  left: 0;
}
#toptitle .htitle::after {
  right: 0;
}

/* 问卷描述 */
#divDesc, .wjintro {
  color: var(--ai-base-muted);
  text-align: center;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 20px;
}

/* 选项悬停反馈 */
.ui-controlgroup .ui-radio:hover,
.ui-controlgroup .ui-checkbox:hover {
  background: #fff0f5;
  border-radius: 8px;
  transition: background 0.2s ease;
}

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

/* 提交按钮 */
#ctlNext.submitbtn {
  background: linear-gradient(90deg, #ff5e8a 0%, #ff85a6 100%)!important;
  border-radius: 24px;
  height: 48px;
  line-height: 48px;
  box-shadow: 0 4px 12px rgba(255, 94, 138, 0.3);
  font-size: 17px;
  font-weight: 600;
  margin-top: 24px;
}

/* 底部合规区域适配 */
.logofooter, .wjfooter, .policyLink, .reportto {
  color: #996677!important;
}



/* 移除标题两侧爱心装饰 */
#toptitle .htitle::before,
#toptitle .htitle::after {
  content: none;
  display: none;
}

/* @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 */