/* @theme-name: 社区 */
/* @theme-author: 手机用户pcmvni16u_23053122n8 */
/* @theme-time: 2026-08-10T08:13:55.642Z */
/* 社区青年夜校/老年大学温和主题 含星星元素 */
:root {
  --ai-base-primary: #7CB342; /* 温和暖绿色，适配社区活力属性，不刺眼 */
  --ai-base-text: #37474F; /* 深灰蓝文字，易读性好 */
  --ai-base-muted: #78909C; /* 浅灰蓝辅助文字 */
  --ai-base-border: #CFD8DC; /* 柔和边框色 */
  --ai-base-light-border: #ECEFF1; /* 浅淡边框色 */
  --ai-base-error: #EF5350;
}

/* 页面整体背景 加淡星点纹理 */
#pageDiv {
  background-color: #FFFDE7;
  background-image: 
    radial-gradient(#FFEB3B20 1px, transparent 1px),
    radial-gradient(#FFEB3B20 1px, transparent 1px);
  background-size: 50px 50px;
  background-position: 0 0, 25px 25px;
}

/* 问题卡片柔和圆角样式 */
div.field, div.formfield {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  margin: 12px 16px;
  padding: 20px;
}

/* 标题区加星星装饰 */
#toptitle .htitle {
  position: relative;
  padding: 0 40px;
}
#toptitle .htitle::before, #toptitle .htitle::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  background: #FFD54F80;
}
#toptitle .htitle::before { left: 0; }
#toptitle .htitle::after { right: 0; }

/* 问题标题前加小星星标识 */
.field-label::before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 8px;
  clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
  border: 1px solid var(--ai-base-primary);
  vertical-align: text-top;
}

/* 提交按钮柔和圆角 */
#ctlNext.submitbtn {
  border-radius: 24px;
  margin: 24px 16px;
  width: calc(100% - 32px);
  box-shadow: 0 4px 12px rgba(124, 179, 66, 0.3);
}

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