/* @theme-name: 壮族美食 */
/* @theme-author: 手机用户aboy4gyyu6g6z0cfcff9g */
/* @theme-time: 2026-07-11T18:28:36.808Z */
/* 壮族美食主题 - 基于五色糯米饭传统配色设计，温暖贴合美食氛围 */
:root {
  /* 主色取自壮族红糯米饭/壮锦传统红色 */
  --ai-base-primary: #C82930;
  /* 主文字取自黑糯米饭深棕，柔和易读 */
  --ai-base-text: #3C2A21;
  /* 辅助文字取自浅棕褐色 */
  --ai-base-muted: #7A5C46;
  /* 边框取自木色/食材棕 */
  --ai-base-border: #B08968;
  /* 浅边框取自暖米色 */
  --ai-base-light-border: #E6CCB2;
  /* 错误提示取自美食亮橙色 */
  --ai-base-error: #FB5607;
}

/* 页面整体背景为白糯米饭浅米黄色，温暖柔和 */
body, #pageDiv {
  background-color: #FFF1E6;
}

/* 标题底部增加五色糯米饭渐变装饰条，呼应主题 */
#toptitle {
  padding-bottom: 12px;
  border-bottom: 3px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: 
    linear-gradient(to bottom, #FFF1E6, #FFF1E6),
    linear-gradient(to right, #C82930, #F4A261, #E9C46A, #2A9D8F, #264653);
}
#toptitle .htitle {
  font-weight: 700;
}

/* 问题卡片样式：白色底+左侧主色装饰条+圆角阴影，层次清晰 */
div.field {
  background-color: #fff;
  border-radius: 8px;
  border-left: 4px solid var(--ai-base-primary);
  box-shadow: 0 2px 8px rgba(176, 137, 104, 0.1);
  margin: 10px 16px;
}
div.field-label {
  font-weight: 500;
}

/* 单选选项hover交互效果 */
.ui-controlgroup .ui-radio:hover .label {
  background-color: #FFF8F0;
  border-radius: 4px;
}

/* 提交按钮增加圆角和hover效果 */
#ctlNext {
  border-radius: 8px;
  width: calc(100% - 32px);
  margin: 20px auto;
}
#ctlNext:hover {
  background-color: #A82026 !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 */