/* ============================================================
   anli-zhanlan.html — 变体 M（极简清单）专属样式
   ============================================================ */

.pg-hero-anliM {
  background:
    radial-gradient(1000px 480px at 85% -10%, rgba(150,60,150,.30), transparent 60%),
    linear-gradient(135deg, #34103a 0%, #5a1f62 55%, #7a2a86 100%);
}
.pg-hero-anliM .lead { color: #f0ddf3; }

/* 导语大字 */
.manifesto {
  font-size: 32px; font-weight: 800; line-height: 1.5; color: #fff; text-align: center;
  max-width: 880px; margin: 0 auto;
}
.manifesto b { color: #ffd98a; }
.manifesto-sub { text-align: center; margin-top: 16px; font-size: 16px; color: #d8c2dc; max-width: 760px; margin-left: auto; margin-right: auto; line-height: 1.9; }

/* 编号清单 */
.nl-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; margin-top: 32px; }
.nl { display: grid; grid-template-columns: 56px 1fr; gap: 18px; background: #fff; border: 1px solid #eee; border-radius: 16px; padding: 24px; }
.nl-no { font-size: 34px; font-weight: 800; color: #7a2a86; line-height: 1; }
.nl h3 { font-size: 16px; color: #3a1040; margin-bottom: 8px; }
.nl p { margin: 0; font-size: 14.5px; color: #5a4a5e; line-height: 1.85; }

/* 学员故事 */
.story-sheet { margin-top: 28px; background: linear-gradient(160deg,#fff,#faf3fb); border: 1px solid #eaddf0; border-radius: 18px; padding: 34px 38px; }
.story-sheet p { color: #4a3a4e; line-height: 2.0; margin-bottom: 12px; }
.story-sheet a { color: #7a2a86; }

/* 企业案例 notes */
.note-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 28px; }
.note { background: #fff; border: 1px solid #eee; border-top: 4px solid #7a2a86; border-radius: 14px; padding: 22px 20px; }
.note h3 { font-size: 16px; color: #3a1040; margin-bottom: 8px; }
.note p { margin: 0; font-size: 14px; color: #5a4a5e; line-height: 1.85; }
.anli-note { margin-top: 22px; background: #f6eef8; border-radius: 12px; padding: 18px 22px; }
.anli-note p, .anli-note { font-size: 14.5px; color: #5a3a5e; line-height: 1.9; }
.anli-note a { color: #7a2a86; }

/* 变化 rows */
.sv-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 30px; }
.sv { background: #fff; border: 1px solid #eee; border-radius: 14px; padding: 22px 20px; text-align: center; }
.sv-t { display: block; font-size: 18px; font-weight: 800; color: #7a2a86; margin-bottom: 8px; }
.sv p { margin: 0; font-size: 13.5px; color: #5a4a5e; line-height: 1.8; }

/* 时间线 rows */
.fl-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 30px; }
.fl { background: #faf3fb; border-radius: 14px; padding: 20px; border-left: 4px solid #7a2a86; }
.fl span { display: block; font-size: 14px; font-weight: 700; color: #7a2a86; margin-bottom: 6px; }
.fl p { margin: 0; font-size: 14px; color: #5a4a5e; line-height: 1.8; }

/* 相关推荐 */
.er-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 30px; }
.er-card { display: block; background: #fff; border: 1px solid #eee; border-radius: 16px; padding: 24px 20px; text-decoration: none; transition: transform .25s, box-shadow .25s; }
.er-card:hover { transform: translateY(-5px); box-shadow: 0 16px 36px rgba(90,31,98,.14); }
.er-card h3 { font-size: 16.5px; color: #3a1040; margin-bottom: 10px; }
.er-card p { margin: 0; font-size: 14px; color: #5a4a5e; line-height: 1.8; }
.anli-cta { padding-bottom: 64px; }

/* 响应式 */
@media (max-width: 900px) {
  .nl-grid, .note-list, .sv-row, .fl-row, .er-grid { grid-template-columns: 1fr; }
  .manifesto { font-size: 24px; }
  .story-sheet { padding: 24px; }
}