/**
 * =============================================================================
 * ENTERPRISE & ABOUT
 * =============================================================================
 * 企业方案 (全站唯一的深色面板,发光的 Logo 叶片) + 关于我们
 *
 * 对应 HTML:
 *   <section class="enterprise" id="enterprise">  深色面板:文案 + 发光叶片
 *   <section class="about" id="about">            左大标题 + 右正文
 */

/* ===== 企业方案 ===== */
.enterprise {
  padding: 70px 0;
}

/* 深色面板:左文案、右叶片 */
.enterprise-panel {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  align-items: center;
  gap: 40px;
  padding: 88px 80px;
  border-radius: 44px;
  background:
    radial-gradient(70% 90% at 85% 60%, rgba(14, 156, 154, 0.35), transparent 70%), /* 叶片后方的青色光晕 */
    var(--forest);
  color: rgba(255, 255, 255, 0.72); /* 深色背景上的正文颜色 */
}

.enterprise-copy h2 {
  color: #fff;
  margin: 24px 0 22px;
}

.enterprise-copy p:not(.status-chip) {
  max-width: 26em;
  margin-bottom: 38px;
}

/* "即将开放"状态标记 (橙色,全站唯一的暖色点缀) */
.status-chip {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 6px 14px 6px 12px;
  border: 1px solid rgba(247, 162, 63, 0.4);
  border-radius: 999px;
  background: rgba(247, 162, 63, 0.1);
  font-size: 13px;
  color: #ffd29c;
}

/* 标记前的小圆点,向外扩散的脉冲表示"进行中" */
.status-chip::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--orange);
  animation: status-pulse 2s ease-out infinite;
}

@keyframes status-pulse {
  from {
    box-shadow: 0 0 0 0 rgba(247, 162, 63, 0.6);
  }
  to {
    box-shadow: 0 0 0 8px rgba(247, 162, 63, 0);
  }
}

/* 发光的叶片标志:两层相同的 Logo 叠放,下层模糊作为光晕 */
.enterprise-art {
  position: relative;
  justify-self: center;
  width: 100%;
  max-width: 400px;
  aspect-ratio: 600 / 560; /* 与 #mark 的 viewBox 比例一致 */
}

.enterprise-art svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  --leaf-gap: var(--forest); /* 叶片缝隙颜色 = 面板底色 */
}

/* 下层:高斯模糊后形成彩色光晕 */
.enterprise-glow {
  filter: blur(46px);
  opacity: 0.75;
  transform: scale(1.05);
}

/* ===== 关于我们 ===== */
.about {
  padding: 130px 0 90px;
}

/* 左:大标题;右:正文 + 按钮 */
.about-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  align-items: start;
}

.about-grid h2 {
  font-size: clamp(40px, 5vw, 68px); /* 随屏幕宽度在 40–68px 之间缩放 */
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -0.03em;
}

.about-copy {
  padding-top: 10px; /* 让正文首行与标题首行视觉对齐 */
}

.about-copy p {
  max-width: 30em;
  margin-bottom: 18px;
  color: var(--ink-soft);
}

.about-copy .btn {
  margin-top: 16px;
}

/* ===== 平板 (< 900px):两栏都改为上下排列 ===== */
@media (max-width: 900px) {
  .enterprise-panel {
    grid-template-columns: 1fr;
    padding: 56px 44px;
  }

  .enterprise-art {
    max-width: 300px;
  }

  .about-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }
}

/* ===== 手机 (< 650px) ===== */
@media (max-width: 650px) {
  .enterprise {
    padding: 48px 0;
  }

  .enterprise-panel {
    padding: 44px 24px 36px;
    border-radius: 28px;
  }

  .enterprise-art {
    max-width: 230px;
  }

  .about {
    padding: 80px 0 56px;
  }
}