/* @theme-name: 123 */
/* @theme-author: 手机用户pcgnjypdi_260714gtbe */
/* @theme-time: 2026-07-14T10:00:00.360Z */
/* 青木教育 留学教育领域绿色简约主题 主色#5cb9c2 */
:root {
  --ai-base-primary: #5cb9c2;
  --ai-base-text: #2c3e50;
  --ai-base-muted: #718096;
  --ai-base-border: #b7e1e5;
  --ai-base-light-border: #e6f4f5;
  --ai-base-error: #e53e3e;
}

body {
  background-color: #f7fcfd;
  margin: 0;
  padding: 20px 16px;
  box-sizing: border-box;
}

/* 顶部添加青木教育品牌文字 */
#toptitle::before {
  content: "青木教育";
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: var(--ai-base-primary);
  margin-bottom: 12px;
}

#toptitle .htitle {
  color: var(--ai-base-text);
  font-size: 24px;
  margin-bottom: 8px;
}

#divDesc, .wjintro {
  color: var(--ai-base-muted);
  margin-bottom: 24px;
  text-align: center;
}

/* 问题卡片简约白卡样式 */
div.field, .formfield {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(92, 185, 194, 0.06);
  margin-bottom: 16px;
  border: none;
}

/* 输入框样式适配主题 */
.ui-input-text {
  border: 1px solid var(--ai-base-light-border);
  border-radius: 6px;
  transition: border-color 0.2s ease;
}
.ui-input-text:focus-within {
  border-color: var(--ai-base-primary);
}

.beginner_problem textarea {
  border-color: var(--ai-base-light-border);
  border-radius: 6px;
  transition: border-color 0.2s ease;
}
.beginner_problem textarea:focus {
  outline: none;
  border-color: var(--ai-base-primary);
}

/* 提交按钮样式 */
#ctlNext {
  border-radius: 8px;
  height: 48px;
  line-height: 48px;
  font-size: 17px;
  box-shadow: 0 4px 12px rgba(92, 185, 194, 0.3);
  margin-top: 24px;
}



/* 追加手机端背景几何装饰 淡青绿色系低透明度不干扰内容 */
body {
  background-image: 
    radial-gradient(circle at 10% 20%, rgba(92, 185, 194, 0.04) 0%, rgba(92, 185, 194, 0.04) 10%, transparent 10%, transparent 100%),
    radial-gradient(circle at 80% 30%, rgba(92, 185, 194, 0.05) 0%, rgba(92, 185, 194, 0.05) 15%, transparent 15%, transparent 100%),
    radial-gradient(circle at 40% 70%, rgba(92, 185, 194, 0.03) 0%, rgba(92, 185, 194, 0.03) 8%, transparent 8%, transparent 100%),
    linear-gradient(135deg, rgba(92, 185, 194, 0.02) 0%, rgba(92, 185, 194, 0.02) 50%, transparent 50%, transparent 100%);
  background-size: 100vw 100vh;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

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