/* =========================================================
   稳行高处 · 沙龙首次参加需求调研页
   结构仿会员申请页（member-apply），视觉走官网设计系统：
   米色底 + 墨棕字 + 暖金点缀，衬线字体
   ========================================================= */
:root { color-scheme: light; font-size: 16px; -webkit-text-size-adjust: 100%; }
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh;
  color: #4a4036;
  background:
    radial-gradient(circle at 12% 8%, rgba(176,125,79,.10), transparent 30%),
    radial-gradient(circle at 88% 2%, rgba(201,139,107,.10), transparent 32%),
    #faf6ef;
  font-family: "Noto Serif SC", "Songti SC", "STSong", Georgia, serif;
  font-size: .9375rem;
  line-height: 1.6;
}

/* ---------- 品牌栏 ---------- */
.survey-header { width: min(1180px, calc(100% - 36px)); height: 64px; margin: auto; display: flex; align-items: center; justify-content: space-between; }
.survey-brand { display: flex; align-items: center; gap: 10px; color: #2c261f; text-decoration: none; }
.survey-brand img { width: 40px; height: 40px; border-radius: 11px; box-shadow: 0 6px 16px rgba(120,90,55,.16); }
.survey-brand span { display: grid; gap: 1px; }
.survey-brand strong { font-size: 1.125rem; letter-spacing: .04em; }
.survey-brand small { color: #8a5a32; font-size: .8125rem; font-weight: 700; letter-spacing: .18em; }
.back-home, .form-fallback a { border: 1px solid #e7ddcd; border-radius: 12px; color: #8a5a32; background: rgba(255,253,248,.8); font-weight: 700; text-decoration: none; }
.back-home { padding: 8px 16px; font-size: .8125rem; }

/* ---------- 简介区 + 表单卡 ---------- */
.survey-shell { width: min(1180px, calc(100% - 36px)); margin: 0 auto 48px; }
.survey-intro {
  padding: 14px 34px 12px;
  border: 1px solid rgba(255,253,248,.95); border-bottom: 0;
  border-radius: 28px 28px 0 0;
  background: rgba(255,253,248,.8);
  box-shadow: 0 24px 60px rgba(120,90,55,.10);
}
.survey-intro h1 { margin: 4px 0 6px; color: #2c261f; font-size: clamp(1.375rem, 3vw, 1.875rem); font-weight: 700; }
.survey-intro p { margin: 0; color: #6f635a; font-size: .8125rem; line-height: 1.8; }

.form-card {
  position: relative; padding: 12px;
  border: 1px solid rgba(255,253,248,.95); border-top: 0;
  border-radius: 0 0 28px 28px;
  background: rgba(255,253,248,.92);
  box-shadow: 0 24px 60px rgba(120,90,55,.10);
}
.form-card iframe { display: block; width: 100%; height: 34.4rem; border: 0; border-radius: 18px; background: #fff; }
.form-fallback { display: flex; align-items: center; justify-content: center; gap: 14px; padding: 14px 10px 4px; color: #6f635a; font-size: .8125rem; }
.form-fallback p { margin: 0; }
.form-fallback a { padding: 9px 14px; }

.survey-note { margin: 18px 0 0; color: #6f635a; font-size: .8125rem; text-align: center; letter-spacing: .02em; }

@media (max-width: 640px) {
  .survey-header, .survey-shell { width: min(100% - 20px, 1180px); }
  .survey-header { height: 56px; }
  .survey-brand img { width: 34px; height: 34px; }
  .survey-brand strong { font-size: 1rem; }
  .back-home { padding: 7px 12px; font-size: .8125rem; }
  .survey-intro { padding: 10px 20px 10px; border-radius: 22px 22px 0 0; }
  .form-card { padding: 7px; border-radius: 0 0 22px 22px; }
  .form-card iframe { height: 29.8rem; border-radius: 15px; }
  .form-fallback { flex-direction: column; gap: 7px; }
}