/* @theme-name: 南川金佛山 */
/* 云海雾凇主题（重制版）：冰雪蓝灰主色 + 磨砂白卡片，电脑端与手机端统一适配 */

:root {
  --ai-base-primary:#3d5a73;      /* 冰雪蓝灰主色 */
  --ai-base-text:#22303c;         /* 深墨蓝文字 */
  --ai-base-muted:#6b7a88;        /* 雾灰蓝次要文字 */
  --ai-base-border:#8fa3b3;
  --ai-base-light-border:#d7e0e7;
  --ai-base-error:#d94f4f;
}

/* ===== 基础防溢出 ===== */
html, body {
  max-width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
}
*, *::before, *::after { box-sizing: inherit; }

/* ===== 背景图：云海 ===== */
body {
  background-image:url("https://pubref.paperol.cn/388398114/ai_theme_ref/20261013111424_3cb0c79fd063.jpg");
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  background-color:#aebdca;
}
/* 电脑端背景固定，视觉更高级；手机端 iOS 用滚动附着（媒体查询中覆盖） */
@media (min-width:601px) {
  body { background-attachment: fixed; }
}

/* ===== 主内容卡片：磨砂白，居中对称 ===== */
#pageDiv {
  width: auto;
  max-width: 760px;
  margin: 24px auto;
  padding: 8px 8px 20px;
  background: rgba(255,255,255,.9);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255,255,255,.6);
  border-radius: 14px;
  box-shadow: 0 10px 40px rgba(34,48,60,.18);
  overflow: hidden;
}
#pageDiv > * { max-width: 100%; }

/* ===== 标题 / 说明 ===== */
#toptitle .htitle { color:var(--ai-base-primary); letter-spacing:.04em; }
#divDesc, .wjintro, .wjintro p { color:var(--ai-base-muted); }

/* ===== 题目区 ===== */
div.field, div.formfield, .div_question {
  width: 100%;
  padding: 16px 14px;
  overflow: visible;
}
div.field-label, .div_title_question, .topichtml { color: var(--ai-base-text); word-break: break-word; }

/* ===== 单选：主色外圈 + 居中白点 ===== */
.jqradiowrapper a.jqchecked { border:5px solid var(--ai-base-primary)!important; }
.ui-controlgroup .ui-radio.checked .jqchecked:before { background:#fff!important; }

/* ===== 多选：主色底 + 居中对勾 ===== */
.jqcheckwrapper a.jqchecked { background:var(--ai-base-primary)!important; }

/* 选项行：右侧留白统一，正常换行 */
.ui-controlgroup .ui-radio .label,
.ui-controlgroup .ui-checkbox .label {
  padding: 12px 10px 12px 0;
  word-break: break-word;
}

/* ===== 矩阵量表：原生表格 + 卡片内横向滚动 ===== */
.tableWrap, .scaletablewrap {
  width: 100% !important;
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
table.matrix-rating { min-width: 480px; }
table.matrix-rating a.rate-on { border:5px solid var(--ai-base-primary)!important; }
table.matrix-rating a.rate-onchk { background:var(--ai-base-primary)!important; }
table.matrix-rating a.rate-on2, .scale-rating a.rate-on2 { color:var(--ai-base-primary)!important; }
table.matrix-rating th, .rowtitlediv { color:var(--ai-base-text); }

/* ===== 输入框：容器统一边框，子元素不加边框 ===== */
.ui-input-text {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
  border:1px solid var(--ai-base-light-border);
  border-radius:6px;
  background:#fff;
}
.ui-input-text input, .ui-input-text textarea {
  color:var(--ai-base-text);
  background:transparent;
  border: none;
}
.ui-select select { color:var(--ai-base-text); }
body .select2-container--default .select2-selection--single { border:1px solid var(--ai-base-light-border); border-radius:6px; }

/* ===== 提交按钮 ===== */
#ctlNext, .submitbtn {
  background:var(--ai-base-primary)!important;
  color:#fff!important;
  border-radius:8px;
  letter-spacing:.06em;
}
#ctlNext:hover, .submitbtn:hover { background:#2f4859!important; }

/* ===== 底部品牌区 ===== */
.logofooter #spanPower i { color:#6b7a88; }
.logofooter #spanPower span { color:#8fa3b3; }
.policyLink { color:#6b7a88; }
.reportto { color:#6b7a88; }

/* ===== 手机端适配 ===== */
@media (max-width:600px) {
  body {
    background-attachment: scroll;
    background-position: center top;
  }

  #pageDiv {
    margin: 10px 10px 16px;
    padding: 6px 6px 14px;
    border-radius: 12px;
  }

  div.field, div.formfield, .div_question { padding: 14px 12px; }

  #toptitle .htitle { font-size: 20px; line-height: 28px; }

  .ui-controlgroup .ui-radio .label,
  .ui-controlgroup .ui-checkbox .label { padding: 11px 8px 11px 0; }
  .ui-controlgroup .ui-radio,
  .ui-controlgroup .ui-checkbox { min-height: 44px; }

  /* 输入框字号 16px，避免 iOS 聚焦自动放大 */
  .ui-input-text input, .ui-input-text textarea, .ui-select select { font-size: 16px; }

  .submitbtn { width: 100%; padding: 13px 0; font-size: 16px; }
  body .btn_fixedstyle { left: 10px; right: 10px; bottom: 16px; }
  #divContent { padding-bottom: 90px; }
}

/* 控件选中态保护：单选白点居中、多选对勾居中 */
.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; }
.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: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 */