/* @theme-name: 简约乒乓 */
/* @theme-author: 手机用户pcumnoi3k_240507zatb */
/* @theme-time: 2026-10-09T07:33:03.318Z */
/* 少儿乒乓球培训问卷主题：球台绿 + 乒乓球橙，卡片式封面 */
:root {
  --ai-base-primary:#e8721a;        /* 乒乓球橙（主操作色） */
  --ai-base-text:#2f4f3e;           /* 深绿墨色文字 */
  --ai-base-muted:#6b8577;          /* 柔和灰绿说明文字 */
  --ai-base-border:#c8d6cd;
  --ai-base-light-border:#e2ece5;
  --ai-base-error:#e05a4e;
}

/* 页面整体：球台浅绿渐变背景 */
html, body {
  background:linear-gradient(180deg, #e8f5ec 0%, #f4faf6 60%, #fdf6ec 100%)!important;
}

/* 顶部标题封面卡片 */
#toptitle {
  margin:16px auto 0;
  max-width:640px;
  width:calc(100% - 32px);
  box-sizing:border-box;
  padding:36px 24px 28px!important;
  border-radius:20px;
  background:linear-gradient(135deg, #2f7d54 0%, #3f9a68 70%, #5cb380 100%)!important;
  box-shadow:0 8px 24px rgba(47,125,84,.25);
  position:relative;
  overflow:hidden;
}
#toptitle .htitle {
  position:relative;
  z-index:1;
  color:#ffffff!important;
  font-size:24px!important;
  font-weight:700;
  line-height:1.5;
  text-align:center;
  letter-spacing:1px;
}
/* 卡片上的装饰圆点：模拟乒乓球与球网 */
#toptitle:before {
  content:"";
  position:absolute;
  right:-20px;
  top:-20px;
  width:110px;
  height:110px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%, #ffdf9e, #f5a623);
  opacity:.9;
}
#toptitle:after {
  content:"";
  position:absolute;
  left:-30px;
  bottom:-40px;
  width:140px;
  height:140px;
  border-radius:50%;
  background:rgba(255,255,255,.12);
}

/* 问卷说明区：白色卡片 */
#divDesc {
  margin:12px auto 4px;
  max-width:640px;
  width:calc(100% - 32px);
  box-sizing:border-box;
  padding:20px 22px;
  border-radius:16px;
  background:#ffffff;
  border:1px solid var(--ai-base-light-border);
  box-shadow:0 4px 14px rgba(47,125,84,.08);
  color:var(--ai-base-muted);
  font-size:15px;
  line-height:1.8;
  text-align:left;
}

/* 题目区域整体容器 */
#divQuestion {
  max-width:640px;
  width:100%;
  margin:0 auto;
  box-sizing:border-box;
}
/* 题目卡片 */
div.field, div.formfield, .div_question {
  margin:10px 16px!important;
  padding:18px 16px!important;
  border-radius:14px;
  background:#ffffff;
  border:1px solid var(--ai-base-light-border);
  box-shadow:0 2px 10px rgba(47,125,84,.06);
  box-sizing:border-box;
}
.field-label, .topichtml, .div_title_question {
  color:var(--ai-base-text)!important;
  font-weight:600;
}

/* 选项文字 */
.ui-controlgroup .ui-radio .label,
.ui-controlgroup .ui-checkbox .label {
  color:var(--ai-base-text);
}

/* 输入框：浅色描边，聚焦时主题橙 */
.ui-input-text {
  border:1px solid var(--ai-base-light-border);
  border-radius:10px;
  background:#fbfdfc;
  transition:border-color .2s, box-shadow .2s;
}
.ui-input-text:focus-within {
  border-color:var(--ai-base-primary);
  box-shadow:0 0 0 3px rgba(232,114,26,.15);
}

/* 提交按钮：橙色圆角 */
#ctlNext {
  margin:20px auto 8px;
  max-width:600px;
  width:calc(100% - 64px)!important;
  border-radius:12px!important;
  padding:14px 0;
  box-shadow:0 6px 16px rgba(232,114,26,.35);
  letter-spacing:2px;
}

/* 底部品牌区保持可见但融入风格 */
.logofooter {
  background:transparent!important;
}

/* 移动端适配 */
@media (max-width:480px) {
  #toptitle .htitle { font-size:20px!important; }
  #toptitle { padding:28px 18px 22px!important; }
  div.field, .div_question { margin:8px 10px!important; padding:16px 14px!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 */