/* =============================================================================
   内页统一：内容区宽度 + 按钮（在页面专属 CSS 之后引入）
   ============================================================================= */

/* 主内容区与 .container 同宽（1200px），避免各页单独收窄 */
.ct-form,
.intro-section-head,
.intro-showcase-wrap,
.ft-scene-wrap,
.course-case-stage,
.sc-case-stage,
.course-shell,
.course-case-switcher {
  max-width: none;
  width: 100%;
}

/* -----------------------------------------------------------------------------
   按钮：圆角、高度、主色统一
   ----------------------------------------------------------------------------- */
.nc-btn,
.ct-btn,
.fq-btn,
.cq-btn,
.gb-btn,
.eg-cta-gold,
.course-field-btn,
.intro-form-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 44px;
  padding: 0 22px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.25;
  font-family: inherit;
  border-radius: var(--zg-radius-sm);
  text-decoration: none;
  border: 2px solid transparent;
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s,
    transform 0.15s;
  -webkit-tap-highlight-color: transparent;
}

.nc-btn:active,
.ct-btn:active,
.fq-btn:active,
.cq-btn:active,
.gb-btn:active,
.eg-cta-gold:active,
.course-field-btn:active,
.intro-form-submit:active {
  transform: scale(0.98);
}

.nc-btn--primary,
.ct-btn--primary,
.fq-btn--primary,
.cq-btn--primary,
.gb-btn--primary,
.eg-cta-gold,
.course-field-btn--primary,
.intro-form-submit {
  background: var(--zg-blue);
  color: var(--zg-white);
  border-color: var(--zg-blue);
  box-shadow: 0 4px 14px rgba(13, 110, 220, 0.22);
}

.nc-btn--primary:hover,
.ct-btn--primary:hover,
.fq-btn--primary:hover,
.cq-btn--primary:hover,
.gb-btn--primary:hover,
.eg-cta-gold:hover,
.course-field-btn--primary:hover,
.intro-form-submit:hover {
  background: var(--zg-blue-hover);
  border-color: var(--zg-blue-hover);
  color: var(--zg-white);
}

.nc-btn--outline,
.fq-btn--outline,
.cq-btn--outline,
.gb-btn--outline,
.course-field-btn:not(.course-field-btn--primary) {
  background: var(--zg-white);
  color: var(--zg-text);
  border-color: var(--zg-border);
  box-shadow: none;
}

.nc-btn--outline:hover,
.fq-btn--outline:hover,
.cq-btn--outline:hover,
.gb-btn--outline:hover,
.course-field-btn:not(.course-field-btn--primary):hover {
  border-color: var(--zg-blue);
  color: var(--zg-blue);
  background: var(--zg-blue-soft);
}

/* 表单内主按钮可铺满栏宽 */
.intro-form-submit {
  width: 100%;
  margin-top: 20px;
  padding-top: 13px;
  padding-bottom: 13px;
  border: 2px solid var(--zg-blue);
}

@media (max-width: 640px) {
  .nc-btn,
  .ct-btn,
  .fq-btn,
  .cq-btn,
  .gb-btn,
  .eg-cta-gold,
  .course-field-btn {
    min-height: 44px;
  }
}
