/* @theme-name: 渐变 */
/* @theme-author: 手机用户pchv5sg6g_260727lmnb */
/* @theme-time: 2026-07-27T02:40:34.414Z */
/* 洛克王国手游风格问卷主题：梦幻夜空渐变背景 + 半透明白色卡片 + 亮蓝色主色 */
:root {
  --ai-base-primary: #3AA6FF;
  --ai-base-text: #263249;
  --ai-base-muted: #6C7A94;
  --ai-base-border: #B8C5D9;
  --ai-base-light-border: #E4EBF5;
  --ai-base-error: #FF4757;
}
/* 页面背景模拟游戏夜空渐变效果 */
body, #pageDiv {
  background: linear-gradient(180deg, #1B3A7D 0%, #478CEC 100%);
  min-height: 100vh;
}
/* 问卷标题样式 */
#toptitle .htitle {
  color: #FFFFFF;
  text-shadow: 0 2px 4px rgba(0,0,0,0.2);
  padding: 20px 10px 10px;
}
/* 问卷描述文字样式 */
#divDesc, .wjintro {
  color: rgba(255,255,255,0.9);
  padding: 0 20px 10px;
}
/* 问题卡片半通透毛玻璃效果 */
div.field, div.div_question {
  background: rgba(255, 255, 255, 0.88);
  border-radius: 12px;
  margin: 12px 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  backdrop-filter: blur(8px);
}
/* 提交按钮渐变样式 */
#ctlNext.submitbtn {
  background: linear-gradient(90deg, #3AA6FF 0%, #63BBFF 100%);
  border-radius: 8px;
  width: calc(100% - 32px);
  height: 48px;
  line-height: 48px;
  margin: 20px auto 30px;
  font-size: 17px;
  font-weight: 600;
  box-shadow: 0 4px 10px rgba(58, 166, 255, 0.3);
}
/* 底部合规区域文字提亮适配深色背景 */
.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 */