/* Get Started (Step-by-step) Wizard */
:root {
  --gs-bg: var(--page-bg, #ffffff);
  --gs-surface: var(--surface, #ffffff);
  --gs-accent: var(--brand-primary, #2f5bea);
  --gs-accent-weak: var(--brand-primary-weak, #eef3ff);
  --gs-muted: var(--section-muted, #f6f7fb);
  --gs-text: var(--text-color, #2b2b2f);
  --gs-text-muted: var(--text-muted, #6b6f76);
  --gs-border: var(--border-color, #e7e7ec);
  --gs-shadow: var(--elevation-md, 0 10px 30px rgba(0,0,0,0.06));
  --gs-section-bg: var(--section-bg, #f7f9fc);
}

#get-started {
  /* 与站点主题一致的背景，可通过 --section-bg 覆盖 */
  background: var(--gs-section-bg);
  padding: 64px 20px;
}
.gs-container {
  /* 放宽版心让内容更饱满 */
  max-width: 1120px;
  margin: 0 auto;
}


.gs-header { text-align: center; margin-bottom: 24px; }

.gs-eyebrow {
  letter-spacing: 6px;
  color: #ff9156;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 8px;
}

.gs-title {
  /* 标题稍大一些 */
  font-size: 32px;
  color: var(--gs-text);
  margin: 0 0 18px;
}

.gs-card {
  background: var(--gs-surface);
  border: 1px solid var(--gs-border);
  border-radius: 18px;
  padding: 28px 28px 32px;
  box-shadow: var(--gs-shadow);
  width: 100%;
}

.gs-progress {
  height: 8px;
  border-radius: 6px;
  background: #ececf3;
  overflow: hidden;
  margin: 4px 0 22px;
}
.gs-progress > span {
  display: block;
  height: 100%;
  width: 0;
  background: #30c290;
  transition: width .3s ease;
}

.gs-question {
  font-size: 24px;
  font-weight: 700;
  color: var(--gs-text);
  margin: 6px 0 18px;
}

.gs-options {
  display: grid;
  /* 自适应列数，保证看起来更充实 */
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 18px;
}

.gs-option {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px 18px;
  border-radius: 18px;
  background: var(--gs-muted);
  color: var(--gs-text);
  border: 2px solid transparent;
  cursor: pointer;
  user-select: none;
  font-weight: 700;
  font-size: 16px;
  min-height: 86px;
}
.gs-option:hover {
  background: #f0f2ff;
}
.gs-option.gs-selected {
  background: var(--gs-accent-weak);
  color: #2b2f55;
  border-color: var(--gs-accent);
}

.gs-nav {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 22px;
}

.gs-btn {
  border: none;
  padding: 12px 18px;
  border-radius: 12px;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
}

.gs-btn-secondary { background: #f1f2f7; color: #333; }
.gs-btn-primary { background: #2f5bea; color: white; }
.gs-btn[disabled] { opacity: .5; cursor: not-allowed; }

.gs-summary {
  background: #f9fafc;
  border: 1px dashed var(--gs-border);
  padding: 16px;
  border-radius: 14px;
  margin-top: 14px;
  color: var(--gs-text-muted);
  font-size: 15px;
}

@media (max-width: 640px) {
  .gs-options { grid-template-columns: 1fr; }
}

/* Contact form styles */
.gs-form { 
  display: grid; 
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px 20px;
}
.gs-row { margin: 0; }
.gs-span-2 { grid-column: 1 / -1; }
.gs-label { display: block; font-size: 14px; color: var(--gs-text-muted); margin-bottom: 8px; }
.gs-grid-2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.gs-input, .gs-select, .gs-textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 14px 16px;
  border: 1px solid var(--gs-border);
  border-radius: 12px;
  background: #fff;
  color: var(--gs-text);
  font-size: 15px;
}
.gs-textarea { resize: vertical; min-height: 120px; }
.gs-input:focus, .gs-select:focus, .gs-textarea:focus { outline: none; border-color: var(--gs-accent); box-shadow: 0 0 0 3px var(--gs-accent-weak); }

/* 让提交按钮靠右，布局更紧凑 */
.gs-btn-primary { margin-left: auto; }

@media (max-width: 640px) {
  .gs-form { grid-template-columns: 1fr; }
  .gs-span-2 { grid-column: auto; }
  .gs-title { font-size: 26px; }
  .gs-question { font-size: 20px; }
  .gs-card { padding: 22px 16px; }
}