/* ============================================================
   aizen/index.php — 智能产品页样式
   版式参考 BCG：左侧文字，右侧图片
   所有选择器使用 aip- 前缀隔离，避免与全局样式冲突
   ============================================================ */

.ai-page { background: var(--n-00); }

/* ---------- 01 Hero ---------- */
.aip-hero {
  background: linear-gradient(180deg, #f2f7fc 0%, #eaf1fa 100%);
  padding: 76px 0 84px;
}

.aip-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr);
  gap: 64px;
  align-items: center;
}

.aip-eyebrow {
  display: block;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  color: var(--blue-600);
  margin-bottom: 18px;
}

.aip-title {
  font-family: "Songti SC", "STSong", "Noto Serif SC", "Source Han Serif SC", serif;
  font-size: clamp(2rem, 3.6vw, 2.9rem);
  font-weight: 700;
  line-height: 1.28;
  letter-spacing: 0.01em;
  color: var(--ink-900);
  margin-bottom: 22px;
}

.aip-hero .aip-lead {
  font-size: clamp(1rem, 1.15vw, 1.06rem);
  line-height: 1.9;
  color: var(--n-700);
}

.aip-facts {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin: 24px 0 0;
  padding-top: 18px;
  border-top: 1px solid rgba(20, 22, 26, 0.12);
}

.aip-fact-no {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: var(--blue-600);
  margin-bottom: 4px;
}

.aip-fact-label {
  font-size: 14px;
  font-weight: 600;
  color: var(--n-800);
}

.aip-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}

.aip-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 0;
  font-size: 14px;
  color: var(--n-800);
}

.aip-link span { transition: transform 0.2s ease; }
.aip-link:hover { color: var(--blue-600); text-decoration: none; }
.aip-link:hover span { transform: translateX(4px); }

/* 右侧图片框 */
.aip-frame {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 24px 60px rgba(16, 24, 40, 0.14);
}

.aip-frame img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.aip-hero-frame { aspect-ratio: auto; background: transparent; box-shadow: none; }
.aip-hero-frame img { height: auto; object-fit: contain; }
.aip-hero-media { max-width: 420px; justify-self: end; }
.aip-hero-frame-wide { aspect-ratio: 16 / 9; }

.aip-frame-badge {
  position: absolute;
  left: 18px;
  bottom: 18px;
  padding: 7px 14px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.88);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: var(--ink-900);
}

/* ---------- 02/03/05 通用分栏 ---------- */
.aip-section { padding: 88px 0; }
.aip-section-alt { background: var(--n-50); }
.aip-section-dark { background: var(--ink-900); color: #fff; }

.aip-split {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: 64px;
  align-items: center;
}

.aip-split-top { align-items: start; }

.aip-kicker {
  margin-bottom: 12px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.18em;
  color: var(--blue-600);
}

.aip-section-dark .aip-kicker { color: var(--blue-300); }

.aip-heading {
  margin-bottom: 16px;
  font-size: clamp(1.6rem, 2.6vw, 2.2rem);
  font-weight: 800;
  line-height: 1.32;
  letter-spacing: -0.01em;
}

.aip-section-dark .aip-heading { color: #fff; }

.aip-text {
  font-size: 15.5px;
  line-height: 1.9;
  color: var(--text-sub);
}

/* 区块标题 + 右侧说明 */
.aip-block-head {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap: 64px;
  align-items: end;
  margin-bottom: 44px;
}

.aip-block-head .aip-heading { margin-bottom: 0; }

.aip-block-lead { padding-bottom: 4px; }

.aip-split .aip-points { margin-top: 0; }

.aip-section-dark .aip-text { color: rgba(255, 255, 255, 0.75); }

/* 编号条目 */
.aip-points {
  list-style: none;
  margin: 30px 0 0;
  padding: 0;
}

.aip-point {
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 16px;
  padding: 20px 0;
  border-top: 1px solid var(--border);
}

.aip-section-dark .aip-point { border-top-color: rgba(255, 255, 255, 0.14); }

.aip-point-no {
  padding-top: 3px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.06em;
  color: var(--blue-600);
}

.aip-section-dark .aip-point-no { color: var(--blue-300); }

.aip-point h3 {
  margin-bottom: 6px;
  font-size: 17px;
  font-weight: 700;
}

.aip-section-dark .aip-point h3 { color: #fff; }

.aip-point p {
  font-size: 14.5px;
  line-height: 1.8;
  color: var(--text-sub);
}

.aip-section-dark .aip-point p { color: rgba(255, 255, 255, 0.72); }

/* 区块内产品入口：与上方条目保持同一节奏 */
.aip-sop-actions {
  margin-top: 0;
  padding-top: 20px;
  border-top: 1px solid var(--border);
}

.aip-sop-hint {
  font-size: 13px;
  color: var(--text-sub);
}

/* 图片与图注 */
.aip-figure { margin: 0; }

.aip-figure img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 16px;
}

.aip-figure-framed {
  padding: 20px;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: var(--shadow-sm);
}

.aip-figure-framed img { border-radius: 8px; }

.aip-figure figcaption {
  margin-top: 12px;
  font-size: 13px;
  color: var(--text-sub);
}

.aip-section-dark .aip-figure img { border: 1px solid rgba(255, 255, 255, 0.14); }
.aip-section-dark .aip-figure figcaption { color: rgba(255, 255, 255, 0.6); }

.aip-note {
  margin-top: 26px;
  padding-left: 14px;
  border-left: 3px solid var(--blue-600);
  font-size: 13.5px;
  line-height: 1.8;
  color: rgba(255, 255, 255, 0.6);
}

.aip-note-light { color: var(--text-sub); }

/* ---------- 05 联系卡片 ---------- */
.aip-start-actions { margin-top: 32px; }

.aip-contact-card {
  padding: 44px;
  background: var(--ink-900);
  color: #fff;
  border-radius: 20px;
}

.aip-contact-kicker {
  margin-bottom: 18px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  color: var(--blue-300);
}

.aip-contact-name {
  margin-bottom: 4px;
  font-size: 22px;
  font-weight: 700;
}

.aip-contact-role {
  margin-bottom: 26px;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.65);
}

.aip-contact-list {
  list-style: none;
  display: grid;
  gap: 12px;
  padding: 0;
}

.aip-contact-list a {
  display: inline-block;
  font-size: 15px;
  color: #fff;
}

.aip-contact-list a:hover { color: var(--blue-300); text-decoration: none; }

.aip-contact-note {
  margin-top: 26px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  font-size: 13px;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.5);
}

/* ---------- 响应式 ---------- */
@media (max-width: 980px) {
  .aip-hero { padding: 56px 0 64px; }
  .aip-hero-inner,
  .aip-split { grid-template-columns: 1fr; gap: 40px; }
  .aip-hero-media { max-width: 100%; justify-self: start; }
  .aip-block-head { grid-template-columns: 1fr; gap: 20px; margin-bottom: 32px; }
  .aip-title { max-width: 16em; }
  .aip-section { padding: 64px 0; }
  .aip-contact-card { padding: 36px; }
}

@media (max-width: 720px) {
  .aip-title { font-size: 1.9rem; }
  .aip-section { padding: 52px 0; }
  .aip-facts { grid-template-columns: 1fr 1fr; }
  .aip-point { grid-template-columns: 36px minmax(0, 1fr); }
  .aip-contact-card { padding: 28px; }
}

@media (max-width: 480px) {
  .aip-facts { grid-template-columns: 1fr; gap: 14px; }
}