/* ============================================================
   心社客户页 设计变量（可视化编辑器可控）
   由 /dev/design 编辑，保存后服务器重新生成本文件
   ============================================================ */
:root {
  --accent: #3b827c;
  --bg-overlay: rgba(24, 52, 48, 0.34);
  --label-fs: 11pt;
  --label-mt: 16px;
  --label-mb: 10px;
  --input-fs: 10pt;
  --doc-fs: 10pt;
  --opt-fs: 10pt;
  --opt-pad-y: 9px;
  --opt-pad-x: 18px;
  --opt-min-w: 108px;
  --opt-radius: 22px;
  --opt-gap: 10px;
  --btn-width: 100%;
  --btn-fs: 11pt;
  --btn-pad-y: 13px;
  --btn-radius: 6px;
  --btn-margin-top: 18px;
}

/* ---------- 表单通用 ---------- */
.xs-form { max-width: var(--form-max-w); margin: 0 auto; }
.xs-form * { box-sizing: border-box; }
.xs-form input[type="text"], .xs-form textarea {
  font-size: var(--input-fs); width: 100%; border-radius: var(--input-radius);
}
.xs-label {
  display: block; text-align: left; font-size: var(--label-fs);
  color: var(--label-color); margin: var(--label-mt) 0 var(--label-mb);
}
.xs-opts { display: flex; flex-wrap: wrap; gap: var(--opt-gap); }
.xs-opt {
  flex: 0 0 auto; min-width: var(--opt-min-w); text-align: center;
  padding: var(--opt-pad-y) var(--opt-pad-x); border: 1px solid var(--opt-border);
  border-radius: var(--opt-radius); font-size: var(--opt-fs); color: var(--opt-color);
  background: var(--opt-bg); cursor: pointer; user-select: none; line-height: 1;
}
.xs-opt.on { background: var(--accent); border-color: var(--accent); color: #fff; }
.xs-opt.dis { opacity: .4; cursor: not-allowed; }
.xs-opt .tag { font-size: 8pt; margin-left: 4px; }
.xs-hint { font-size: var(--hint-fs); color: var(--hint-color); margin: 2px 0 0; }
.xs-btn {
  display: block; width: var(--btn-width); font-size: var(--btn-fs);
  letter-spacing: var(--btn-letter-spacing); height: auto; line-height: 1;
  padding: var(--btn-pad-y) 0; margin-top: var(--btn-margin-top);
  background: var(--accent); color: #fff !important;
  box-shadow: none; border: none; border-radius: var(--btn-radius);
}
.xs-cond { display: none; margin-top: 10px; }
/* ---------- 模板按钮中文适配 ----------
   main.css 的 .button 按英文排版: height:4.8125em / line-height 同 / text-transform:uppercase。
   客户页主按钮(class="button")统一改为内容自适应高度。.small 与 .xs-btn 不覆盖。
   (2026-10-03 支付页按钮过高问题系统性修复) ---------- */
.post .button:not(.small):not(.xs-btn) {
  height: auto;
  line-height: 1.3;
  text-transform: none;
}