/* @theme-name: 科技风 */
/* @theme-author: 手机用户mwxvq4iun2y6eosajewdxe6qw */
/* @theme-time: 2026-06-26T08:48:50.064Z */
/* 华策共创精益注塑调研问卷 - 简约工业科技风主题 */
:root {
  /* 工业风配色定义 */
  --ai-base-primary: #2A629A; /* 机械蓝主色 */
  --ai-base-text: #1A1A1A; /* 深炭黑文字 */
  --ai-base-muted: #666666; /* 辅助浅灰文字 */
  --ai-base-border: #B0B4B9; /* 工业灰边框 */
  --ai-base-light-border: #D8DADF; /* 浅灰边框 */
  --ai-base-error: #C92A2A; /* 工业红错误提示 */
  --industrial-bg: #F2F3F5; /* 浅哑光工业灰页面底色 */
  --industrial-dark-gray: #33373D; /* 哑光深灰 */
  --industrial-silver: #E8E9EB; /* 金属浅银 */
}

/* 全局基础样式 */
body, #pageDiv, #form1 {
  background-color: var(--industrial-bg) !important;
  font-family: "PingFang SC", "Microsoft Yahei", sans-serif;
  /* 极低透明度工业线条暗纹 */
  background-image: 
    linear-gradient(rgba(42, 98, 154, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(42, 98, 154, 0.03) 1px, transparent 1px);
  background-size: 20px 20px;
}
#divContent {
  max-width: 750px;
  margin: 0 auto;
  padding: 20px 16px 80px !important;
}

/* 头部标题区域 */
#toptitle {
  margin-bottom: 16px;
  /* 顶部品牌小字 */
  position: relative;
  padding-top: 28px;
}
#toptitle::before {
  content: "华策共创｜精益注塑解决方案";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  color: var(--ai-base-muted);
}
#toptitle .htitle {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--ai-base-primary) !important;
  line-height: 1.4 !important;
  margin-bottom: 8px !important;
}
#toptitle::after {
  content: "简易版｜企业线上填写调研";
  display: block;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: var(--ai-base-muted);
  margin-top: 4px;
}

/* 问卷说明区域 */
#divDesc {
  background-color: var(--industrial-silver);
  padding: 16px;
  border-radius: 4px;
  margin-bottom: 24px;
  font-size: 14px;
  color: var(--ai-base-text);
}

/* 模块分割线 */
.cutfield {
  height: 1px;
  background-color: var(--ai-base-primary);
  margin: 32px 0 16px;
  position: relative;
}
.cutfield::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-color: var(--industrial-bg);
  border: 2px solid var(--ai-base-primary);
  border-radius: 2px;
}

/* 问题卡片 */
div.field {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
  margin-bottom: 12px !important;
  padding: 16px !important;
}

/* 题号样式 - 工业方形金属框 */
.questionnum, .qnum, .span_questionnum, .topicnumber {
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 22px;
  text-align: center;
  background-color: var(--industrial-silver);
  border: 1px solid var(--ai-base-border);
  border-radius: 2px;
  color: var(--ai-base-text);
  font-weight: 500;
  margin-right: 6px;
  font-size: 14px;
}

/* 题干样式 */
.field-label, .topichtml {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: var(--ai-base-text) !important;
  margin-bottom: 12px !important;
}

/* 单行输入框 */
.ui-input-text {
  border: 1px solid var(--ai-base-light-border) !important;
  border-radius: 4px !important;
  background-color: #fff;
}
.ui-input-text input {
  padding: 10px 12px !important;
  font-size: 15px;
  color: var(--ai-base-text);
}

/* 第23题简答题多行输入框 */
#div23 .beginner_problem textarea {
  height: 150px !important;
  max-height: 300px !important;
  border: 1px solid var(--ai-base-light-border) !important;
  border-radius: 4px !important;
  padding: 12px !important;
  font-size: 15px;
  color: var(--ai-base-text);
}
#div23 .beginner_problem textarea::placeholder {
  color: var(--ai-base-muted);
}

/* 单选/多选样式 */
.jqradio, a.jqcheck {
  border-radius: 4px !important;
  border: 1px solid var(--ai-base-border) !important;
  width: 20px !important;
  height: 20px !important;
}
/* 选中态 取消动画 */
.jqradiowrapper a.jqchecked {
  border: 6px solid var(--ai-base-primary) !important;
  animation: none !important;
}
.jqcheckwrapper a.jqchecked {
  background-color: var(--ai-base-primary) !important;
  border: 1px solid var(--ai-base-primary) !important;
  animation: none !important;
}
.ui-controlgroup .ui-radio.checked .jqchecked:before,
.ui-controlgroup .ui-checkbox.checked .jqchecked:before {
  animation: none !important;
}
.ui-controlgroup .ui-radio .label, 
.ui-controlgroup .ui-checkbox .label {
  font-size: 15px !important;
  color: var(--ai-base-text) !important;
  padding-left: 8px !important;
}

/* 选填/多选限制提示 */
.optional-tag {
  color: var(--ai-base-muted);
  font-size: 13px;
  font-weight: 400;
  margin-left: 6px;
}
.max-choice-tag {
  float: right;
  color: var(--ai-base-muted);
  font-size: 13px;
  font-weight: 400;
}

/* 提交按钮 */
#ctlNext, .submitbtn {
  background-color: var(--industrial-dark-gray) !important;
  color: var(--ai-base-primary) !important;
  border: 1px solid var(--ai-base-primary) !important;
  font-weight: 600 !important;
  height: 48px !important;
  line-height: 48px !important;
  border-radius: 6px !important;
  font-size: 16px !important;
  transition: background-color 0.2s ease;
  max-width: 750px !important;
  margin: 24px auto !important;
}
#ctlNext:hover, .submitbtn:hover {
  background-color: #3D4249 !important;
}

/* 移动端适配 */
@media screen and (max-width: 767px) {
  #divContent {
    padding: 16px 12px 70px !important;
  }
  div.field {
    padding: 12px !important;
  }
  #toptitle .htitle {
    font-size: 19px !important;
  }
  .ui-controlgroup .ui-radio .label, 
  .ui-controlgroup .ui-checkbox .label {
    min-height: 40px !important;
    padding: 10px 10px 10px 0 !important;
  }
  #ctlNext.btn_fixedstyle {
    left: 12px;
    right: 12px;
    bottom: 20px;
  }
}

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