/* @theme-name: CT */
/* @theme-author: 手机用户mwxntdxaxpue6nqdi9ilpwcq */
/* @theme-time: 2026-08-06T12:59:20.265Z */
/* 长亭科技品牌主题样式，配色取自提供的品牌IP形象 */
:root {
  /* 品牌主色：IP形象亮绿色 */
  --ai-base-primary: #7DED2F;
  --ai-base-text: #262626;
  --ai-base-muted: #666666;
  --ai-base-border: #bfbfbf;
  --ai-base-light-border: #e5e5e5;
  --ai-base-error: #ff4040;
}

/* 全局背景使用IP形象深蓝色背景 */
body {
  background-color: #2A3057;
  margin: 0;
  padding: 16px 12px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* 问卷主容器圆角白底+阴影 */
#pageDiv {
  max-width: 600px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);
}

/* 标题样式调整 */
#toptitle .htitle {
  padding: 24px 20px 8px;
  color: var(--ai-base-primary);
  font-size: 22px;
  font-weight: 700;
}

/* 问卷描述样式 */
#divDesc {
  padding: 0 20px 16px;
}

/* 问题卡片间距调整 */
div.field {
  margin: 8px 12px;
  padding: 16px;
  border-radius: 8px;
  background-color: #fafafa;
}

/* 提交按钮样式优化，更圆润 */
#ctlNext {
  margin: 24px 20px 32px;
  width: calc(100% - 40px);
  border-radius: 8px;
  height: 48px;
  line-height: 48px;
  font-size: 17px;
  font-weight: 600;
}

/* 底部合规区域适配深色背景 */
.logofooter {
  margin-top: 16px;
  color: #fff;
}
.logofooter #spanPower span, .logofooter #spanPower i, .policyLink, .reportto {
  color: rgba(255,255,255,0.7) !important;
}

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