/* @theme-name: 璞丽酒店 */
/* @theme-author: 手机用户mobfipu2am_2205241zje */
/* @theme-time: 2026-08-20T14:27:31.434Z */
/* 璞丽/璞瑄酒店风格主题 - 低饱和大地色系极简奢华风 */
:root {
  --ai-base-primary: #6F5F4E; /* 主色：温润深棕，对应酒店品牌木质深色调 */
  --ai-base-text: #33302E; /* 主文本：深炭灰，低对比度不刺眼 */
  --ai-base-muted: #8A867F; /* 辅助文本：暖灰，对应酒店说明文字色调 */
  --ai-base-border: #C4BEB2; /* 常规边框：浅棕灰，柔和过渡 */
  --ai-base-light-border: #E9E6DF; /* 浅边框：米灰，接近墙面石材质感 */
  --ai-base-error: #A83232; /* 错误色：暗朱红，适配整体低饱和风格 */
}

/* 页面全局背景 */
body, #pageDiv {
  background-color: #F7F5F0; /* 暖米白底色，对应酒店公区墙面质感 */
}

/* 问题卡片样式 */
div.field, div.formfield {
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(111, 95, 78, 0.06); /* 极淡哑光阴影 */
  margin: 12px 16px;
  padding: 24px 20px;
}

/* 顶部标题样式 */
#toptitle {
  padding: 32px 16px 16px;
}
#toptitle .htitle {
  font-weight: 500;
  letter-spacing: 2px;
  font-size: 24px;
}

/* 问卷描述样式 */
#divDesc {
  margin: 0 16px 20px;
  padding: 0;
  background: transparent;
  box-shadow: none;
}

/* 提交按钮样式 */
#ctlNext.submitbtn {
  border-radius: 8px;
  font-weight: 500;
  letter-spacing: 1px;
  margin: 24px 16px 80px;
  width: calc(100% - 32px);
  box-shadow: 0 4px 12px rgba(111, 95, 78, 0.15);
}

/* 输入框/文本域样式优化 */
.ui-input-text, .beginner_problem textarea {
  border-radius: 6px;
  border-color: var(--ai-base-light-border);
  background-color: #FCFBF9;
}

/* 选项悬停效果 */
.ui-controlgroup .ui-radio:hover, .ui-controlgroup .ui-checkbox:hover {
  background-color: rgba(111, 95, 78, 0.03);
  border-radius: 6px;
}



/* 统一前言区域字体 */
#divDesc, .wjintro, .wjintro p {
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}



/* 覆盖前言区域行内字体，统一匹配元素2的无衬线字体与统一文本色 */
#divDesc p, #divDesc p span {
  font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
  color: var(--ai-base-muted) !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 */