/* @theme-name: 优科豪马风格 */
/* @theme-author: 手机用户pmm6papkjukwcrikhughna */
/* @theme-time: 2026-11-12T05:39:07.949Z */
/* ===== 优科豪马轮胎（YOKOHAMA）主题 ===== */
:root {
  --ai-base-primary:#e60012;        /* 品牌红 */
  --ai-base-text:#1f1f1f;           /* 深灰正文，类似轮胎橡胶 */
  --ai-base-muted:#6b6b6b;
  --ai-base-border:#b5b5b5;
  --ai-base-light-border:#dcdcdc;
  --ai-base-error:#e60012;
}

/* 页面背景：浅灰底，卡片式 */
body { background:#f2f2f2; }
#pageDiv { max-width:640px; margin:0 auto; background:#fff; box-shadow:0 2px 12px rgba(0,0,0,.06); }

/* 顶部标题：品牌红标题条 */
#toptitle { padding:18px 16px!important; background:#e60012!important; }
#toptitle .htitle { color:#fff!important; font-size:22px; font-weight:700; letter-spacing:1px; }
.hidehtitle #toptitle { padding:0!important; background:0 0!important; }
.hidehtitle #toptitle .htitle { color:#e60012!important; }

/* 题目描述 */
#divDesc, .wjintro, .wjintro p { color:#6b6b6b; }

/* 题目卡片：白色卡片 + 细分隔 */
div.field, div.formfield, .div_question {
  margin:8px 12px; padding:18px 16px;
  background:#fff; border:1px solid #ececec; border-radius:6px;
}
.field-label, .topichtml, .div_title_question { color:#1f1f1f; font-weight:600; }

/* 输入框 */
.ui-input-text { border:1px solid #dcdcdc; border-radius:4px; background:#fafafa; transition:border-color .2s, box-shadow .2s; }
.ui-input-text:focus-within { border-color:#e60012; box-shadow:0 0 0 2px rgba(230,0,18,.12); }
.ui-input-text input, .ui-input-text textarea { color:#1f1f1f; }

/* 选项 hover */
.ui-controlgroup .ui-radio:hover .label,
.ui-controlgroup .ui-checkbox:hover .label { background:rgba(230,0,18,.04); }

/* 单选选中态：品牌红外圈 + 白色中心点 */
.jqradiowrapper a.jqchecked { border:5px solid #e60012!important; }
.ui-controlgroup .ui-radio.checked .jqchecked:before { background:#fff!important; }

/* 多选选中：红色方块 + 白色勾 */
.jqcheckwrapper a.jqchecked { background:#e60012!important; }

/* 矩阵/量表选中 */
table.matrix-rating a.rate-on, .scale-rating a.rate-on { border:5px solid #e60012!important; }
table.matrix-rating a.rate-onchk { background:#e60012!important; }
table.matrix-rating a.rate-on2, .scale-rating a.rate-on2 { color:#e60012!important; }
.defaultScale .scale-rating a.rate-on { color:#e60012; box-shadow:0 0 0 2px #e60012; }

/* 提交按钮：深黑轮胎底 + 红色点缀，高对比 */
#ctlNext, .submitbtn {
  background:#1f1f1f!important;
  color:#fff!important;
  border-radius:4px;
  font-weight:700;
  letter-spacing:2px;
  box-shadow:inset 0 -3px 0 #e60012;
}
#ctlNext:hover, .submitbtn:hover { background:#000!important; }
#divNext a { background:#1f1f1f!important; border:1px solid #1f1f1f!important; color:#fff!important; }

/* 底部合规区域保持可读 */
.wjfooter { color:#6b6b6b; }
.policyLink, .reportto { color:#8c8c8c; }

/* 响应式 */
@media (max-width:480px) {
  div.field, .div_question { margin:6px 8px; padding:14px 12px; }
  #toptitle .htitle { font-size:19px; }
}



/* ===== 轮胎质感背景 ===== */
body {
  background-color:#2b2b2b;
  background-image:
    repeating-linear-gradient(90deg,
      rgba(255,255,255,.05) 0 6px,
      transparent 6px 26px),
    repeating-linear-gradient(90deg,
      rgba(0,0,0,.35) 0 10px,
      transparent 10px 52px),
    radial-gradient(circle at 50% 0%, #3a3a3a 0%, #1c1c1c 100%);
  background-attachment:fixed;
}

/* 保持问卷内容区可读：白色卡片浮于轮胎纹之上 */
#pageDiv {
  background:#fff;
  border-radius:8px;
  border:1px solid #444;
  box-shadow:0 6px 24px rgba(0,0,0,.5);
}

/* 移动端：缩小纹路密度，避免窄屏杂乱 */
@media (max-width:480px) {
  body {
    background-image:
      repeating-linear-gradient(90deg, rgba(255,255,255,.05) 0 4px, transparent 4px 18px),
      radial-gradient(circle at 50% 0%, #3a3a3a 0%, #1c1c1c 100%);
  }
}

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