@charset "utf-8";
/* ==========================================================================
   泛目录培训 fmlpx.html · 玫瑰红到暗紫 浅色首屏主题
   仅本页使用，前缀 fml-
   ========================================================================== */
:root{
  --brand:#E11D48;
  --brand-2:#9F1239;
  --accent:#F59E0B;
  --bg:#FFFFFF;
  --bg-soft:#FFF1F4;
  --ink:#3B0A1A;
  --text:#4A2233;
  --muted:#8A5566;
  --surface:#FFFFFF;
  --surface-2:#FFF7F9;
  --border:rgba(225,29,72,.15);
  --border-strong:rgba(225,29,72,.3);
  --head-bg:rgba(255,255,255,.94);
  --head-text:#3B0A1A;
  --head-border:rgba(225,29,72,.14);
  --nav-hover-bg:rgba(225,29,72,.09);
  --foot-bg:#2A0512;
  --foot-text:#E8C4CE;
  --shadow:0 24px 60px rgba(120,10,40,.14);
  --shadow-sm:0 10px 26px rgba(120,10,40,.09);
}
.eyebrow{color:var(--brand);background:rgba(225,29,72,.08)}
.eyebrow::before{background:var(--brand)}

/* ---------- 首屏：居中标题 + 等宽三卡 ---------- */
.fml-hero{
  position:relative;overflow:hidden;
  padding:clamp(48px,6vw,86px) 0 clamp(40px,5vw,68px);
  background:
    radial-gradient(760px 380px at 50% -6%,rgba(225,29,72,.16),transparent 70%),
    radial-gradient(560px 300px at 88% 62%,rgba(245,158,11,.12),transparent 70%),
    linear-gradient(180deg,#FFF1F4 0%,#FFFFFF 88%);
}
.fml-hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:radial-gradient(rgba(225,29,72,.14) 1px,transparent 1px);
  background-size:26px 26px;
}
.fml-hero .container{position:relative;z-index:1}
.fml-hero-copy{max-width:880px;margin:0 auto;text-align:center}
.fml-hero-copy h1{margin:18px 0 16px;color:#3B0A1A}
.fml-lead{margin:0 auto;max-width:760px}
.fml-points{justify-content:center;color:var(--text)}
.fml-points li::before{background:linear-gradient(135deg,var(--brand),var(--brand-2))}
.fml-cta{justify-content:center;max-width:720px;margin:0 auto;text-align:left}
.fml-cta .t{flex:1 1 220px}
.fml-hero .btn-primary{background:linear-gradient(135deg,#E11D48,#9F1239);box-shadow:0 12px 30px rgba(225,29,72,.32)}
.fml-hero .btn-accent{background:linear-gradient(135deg,#F59E0B,#D97706)}
.fml-hero .hero-note{text-align:center}

.fml-cards{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
  margin:clamp(34px,4vw,52px) 0 0;
}
.fml-card{
  background:#fff;border:1px solid var(--border);border-radius:16px;
  padding:26px 24px 24px;text-align:left;box-shadow:var(--shadow-sm);
  border-top:4px solid var(--brand);
}
.fml-card b{
  display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;
  background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;font-size:15px;
}
.fml-card h3{margin:14px 0 8px;color:var(--ink)}
.fml-card p{margin:0;color:var(--muted);font-size:14.5px}
.fml-hero-visual{margin-top:clamp(30px,4vw,48px)}
.fml-hero-visual img{
  width:100%;border-radius:20px;border:1px solid var(--border);
  box-shadow:0 26px 60px rgba(120,10,40,.16);
}

/* ---------- 课程包含 ---------- */
.fml-what{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fml-what-item{
  position:relative;padding:24px 22px;border-radius:14px;background:var(--surface-2);
  border:1px solid var(--border);
}
.fml-what-item::before{
  content:"";position:absolute;left:22px;top:0;width:44px;height:4px;border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,var(--brand),var(--accent));
}
.fml-what-item h3{margin:10px 0 8px}
.fml-what-item p{margin:0;color:var(--muted);font-size:14.5px}
.fml-what-item:nth-child(4),.fml-what-item:nth-child(5){grid-column:span 1}

/* ---------- 适合 / 不适合 ---------- */
.fml-fit{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,44px);align-items:start}
.fml-fit h2{margin:12px 0 20px}
.fml-no{display:grid;gap:12px}
.fml-no li{
  background:#fff;border:1px solid var(--border);border-left:4px solid var(--accent);
  border-radius:12px;padding:14px 16px;font-size:14.5px;color:var(--muted);
}
.fml-no li b{display:block;color:var(--ink);font-size:15px;margin-bottom:2px}
.fml-tip{margin-top:18px;font-size:14px;color:var(--muted);border-left:3px solid var(--brand);padding-left:14px}
.fml-tip a{color:var(--brand);font-weight:700}
.fml-tip--mid{max-width:920px;margin:26px auto 0}

/* ---------- 目录树示意 ---------- */
.fml-tree-wrap{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(24px,3vw,48px);align-items:center}
.fml-tree-wrap h2{margin:12px 0 16px}
.fml-tree-wrap p{color:var(--text)}
.fml-tree{
  background:var(--surface-2);border:1px solid var(--border);border-radius:16px;
  padding:24px 22px;box-shadow:var(--shadow-sm);
}
.fml-tree-cap{margin:0 0 14px;font-size:13px;letter-spacing:.6px;color:var(--muted)}
.fml-tree ul{list-style:none;margin:0}
.fml-tree-root>li{padding-left:0}
.fml-tree-root>li::before{display:none}
.fml-tree li{position:relative;padding:5px 0 5px 16px;font-size:14px;color:var(--text)}
.fml-tree li::before{
  content:"";position:absolute;left:0;top:17px;width:10px;height:1px;background:var(--border-strong);
}
.fml-tree li b{color:var(--ink);font-weight:800;font-family:Consolas,Monaco,"Courier New",monospace}
.fml-tree-root ul{margin-left:9px;padding-left:14px;border-left:1px dashed var(--border-strong)}
.fml-tree-note{margin:16px 0 0;font-size:12.8px;color:var(--muted)}

/* ---------- 左右两栏对照 ---------- */
.fml-compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.fml-col{border-radius:16px;padding:26px 24px;border:1px solid var(--border)}
.fml-col--left{background:linear-gradient(170deg,#FFF1F4,#fff)}
.fml-col--right{background:linear-gradient(170deg,#FFF8EC,#fff)}
.fml-col h3{
  padding-bottom:12px;margin-bottom:16px;border-bottom:2px dashed var(--border-strong);
}
.fml-col--left h3{color:var(--brand-2)}
.fml-col--right h3{color:#B45309}
.fml-col ul{display:grid;gap:13px}
.fml-col li{position:relative;padding-left:26px;font-size:14.5px;color:var(--muted)}
.fml-col li b{display:block;color:var(--ink)}
.fml-col li::before{
  content:"";position:absolute;left:0;top:7px;width:12px;height:12px;border-radius:4px;
  background:var(--brand);opacity:.85;
}
.fml-col--right li::before{background:var(--accent);border-radius:50%}

/* ---------- 流程 ---------- */
.fml-flow{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,46px);align-items:center}
.fml-flow h2{margin:12px 0 22px}
.fml-steps li b{color:var(--ink)}
.fml-steps li p{margin:0;font-size:14.5px;color:var(--muted)}
.fml-steps li::before{background:linear-gradient(135deg,var(--brand),var(--brand-2))}
.fml-flow img{border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}

/* ---------- 优势 ---------- */
.fml-adv{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.fml-adv article{
  background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px;
  box-shadow:var(--shadow-sm);border-left:4px solid var(--brand);
}
.fml-adv h3{margin-bottom:9px;color:var(--ink)}
.fml-adv p{margin:0;color:var(--muted);font-size:14.5px}

/* ---------- 案例 ---------- */
.fml-case{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,46px);align-items:center}
.fml-case h2{margin:12px 0 14px}
.fml-case img{border-radius:16px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}
.fml-case-list{display:grid;gap:12px;margin-top:18px}
.fml-case-list li{
  background:var(--surface-2);border:1px solid var(--border);border-radius:12px;
  padding:14px 16px;font-size:14.5px;color:var(--muted);
}
.fml-case-list li b{display:block;color:var(--brand)}
.fml-disclaim{margin-top:16px;font-size:12.8px;color:var(--muted);text-align:center}

/* ---------- 班型 ---------- */
.fml-plan{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.fml-plan-card{
  background:#fff;border:1px solid var(--border);border-radius:16px;padding:26px 24px;
  box-shadow:var(--shadow-sm);
}
.fml-plan-card--hot{
  border-color:var(--brand-2);
  background:linear-gradient(165deg,#FFF1F4,#fff);
  box-shadow:0 22px 50px rgba(225,29,72,.18);
}
.fml-plan-card h3{color:var(--brand-2)}
.fml-plan-card>p{margin:10px 0 18px;color:var(--muted);font-size:14px}
.fml-plan-card .checklist li{font-size:14.5px;color:var(--text)}

/* ---------- FAQ 折叠面板 ---------- */
.fml-faq{max-width:940px}
.fml-faq details{border-radius:14px;background:#fff;box-shadow:var(--shadow-sm)}
.fml-faq summary{font-size:15.5px}
.fml-faq summary::after{border-color:var(--brand)}
.fml-faq details[open]{border-color:var(--brand);background:linear-gradient(180deg,#FFF7F9,#fff)}
.fml-faq .faq-body{color:var(--muted)}

/* ---------- CTA ---------- */
.cta-band{background:linear-gradient(135deg,#9F1239 0%,#E11D48 58%,#F59E0B 100%)}
.cta-band .btn-light{color:var(--brand-2)}

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  .fml-cards,.fml-what,.fml-plan,.fml-adv{grid-template-columns:1fr 1fr}
  .fml-tree-wrap,.fml-flow,.fml-case,.fml-fit{grid-template-columns:1fr}
  .fml-what-item:nth-child(5){grid-column:1 / -1}
}
@media (max-width:720px){
  .fml-cards,.fml-what,.fml-plan,.fml-adv,.fml-compare{grid-template-columns:1fr}
  .fml-what-item:nth-child(5){grid-column:auto}
  .fml-card,.fml-col{padding:20px 18px}
  .fml-cta .t{flex:1 1 100%}
  .fml-tree{padding:18px 14px}
}