/* ---------- 0. 显式局部重置 ---------- */
  .mfp, .mfp *{ box-sizing:border-box; }
  .mfp h1, .mfp h2, .mfp h3, .mfp h4,
  .mfp p, .mfp ul, .mfp li, .mfp blockquote,
  .mfp a, .mfp button{
    margin:0; padding:0; border:0; font:inherit; color:inherit;
  }
  .mfp ul{ list-style:none; }
  .mfp a{ text-decoration:none; cursor:pointer; display:inline-block; }
  .mfp{ isolation:isolate; }

  /* ---------- 1. 设计变量 ---------- */
  .mfp{
    --ink:#12151c;
    --paper:#eef0f2;
    --panel:#ffffff;
    --line:#dde1e5;
    --sub:#5b6470;
    --accent:#ff5a1f;
    --accent-deep:#c73f13;
    --accent2:#2f6fed;
    --maxw:1180px;

    font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size:16px; line-height:1.55; color:var(--ink); background:var(--paper);
    -webkit-font-smoothing:antialiased;
  }
  .mfp .mfp-display{
    font-family: "Space Grotesk", "Segoe UI", "PingFang SC", sans-serif;
    font-weight:700; letter-spacing:-0.01em; line-height:1.08;
  }
  .mfp .mfp-mono{
    font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
    letter-spacing:.06em; text-transform:uppercase;
  }
  .mfp .mfp-wrap{ max-width:var(--maxw); margin:0 auto; padding:0 24px; }

  /* ---------- 2. Hero : 石墨黑 + 定子线圈签名图 ---------- */
  .mfp .mfp-hero{
    position:relative; background:var(--ink); color:#fff;
    padding:96px 0 88px; overflow:hidden;
  }
  .mfp .mfp-hero-coil{
    position:absolute; right:-120px; top:50%; transform:translateY(-50%);
    width:640px; height:640px; opacity:.5; pointer-events:none;
  }
  .mfp .mfp-hero-coil circle{ fill:none; stroke:#ffffff; stroke-opacity:.16; }
  .mfp .mfp-hero-coil circle.mfp-live{ stroke:var(--accent); stroke-opacity:.85; }
  .mfp .mfp-hero-inner{ position:relative; z-index:1; max-width:640px; }
  .mfp .mfp-eyebrow{
    display:inline-flex; align-items:center; gap:10px; font-size:12px; font-weight:600;
    color:var(--accent);
  }
  .mfp .mfp-eyebrow::before{ content:""; width:22px; height:2px; background:var(--accent); display:inline-block; }
  .mfp .mfp-hero h1{ font-size:clamp(30px,4.4vw,46px); margin-top:18px; color:#fff; }
  .mfp .mfp-hero .mfp-sub{ font-size:15px; color:var(--accent); margin-top:10px; font-weight:600; }
  .mfp .mfp-hero p{ margin-top:20px; color:#c7cbd1; font-size:15.5px; max-width:520px; }
  .mfp .mfp-hero p + p{ margin-top:14px; }

  /* ---------- 3. Section shells ---------- */
  .mfp .mfp-section{ padding:72px 0; }
  .mfp .mfp-section.mfp-white{ background:var(--panel); }
  .mfp .mfp-head{ max-width:640px; margin-bottom:44px; }
  .mfp .mfp-head .mfp-mono{ font-size:12px; color:var(--accent-deep); font-weight:700; }
  .mfp .mfp-head h2{ font-size:clamp(22px,2.8vw,30px); margin-top:10px; }
  .mfp .mfp-head p{ color:var(--sub); font-size:14.5px; margin-top:10px; }

  /* ---------- 4. Spec-card grid (Who we're looking for / What we provide) ---------- */
  .mfp .mfp-grid3{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
  .mfp .mfp-spec{
    display:flex; flex-direction:column; gap:14px;
    background:var(--panel); border:1px solid var(--line); border-radius:4px;
    padding:26px 24px; border-top:3px solid var(--ink);
  }
  .mfp .mfp-spec .mfp-tag{ font-size:11px; color:var(--sub); font-weight:700; }
  .mfp .mfp-spec h3{ font-size:17px; }
  .mfp .mfp-spec ul{ display:grid; gap:8px; margin-top:4px; }
  .mfp .mfp-spec li{ font-size:13.5px; color:var(--sub); padding-left:16px; position:relative; }
  .mfp .mfp-spec li::before{
    content:""; position:absolute; left:0; top:8px; width:6px; height:2px; background:var(--accent);
  }
  @media (max-width:900px){ .mfp .mfp-grid3{ grid-template-columns:1fr; } }

  /* ---------- 5. Partnership level cards ---------- */
  .mfp .mfp-levels{   display: grid;
  grid-template-columns: repeat(3, 1fr);  /* 从两列改为三列 */
  gap: 24px;
  align-items: stretch; }

  .mfp .mfp-level{
    display:flex; flex-direction:column; gap:18px;
    background:var(--panel); border:1px solid var(--line); border-radius:6px; padding:32px;
  }
  .mfp .mfp-level.mfp-pro{
    border-color:var(--accent); box-shadow:0 0 0 1px var(--accent);
    background:linear-gradient(180deg,#fff 0%, #fff5f0 100%);
  }
  .mfp .mfp-level-head{ display:flex; align-items:center; justify-content:space-between; gap:12px; }
  .mfp .mfp-level-num{ font-size:12px; font-weight:700; color:var(--sub); }
  .mfp .mfp-level.mfp-pro .mfp-level-num{ color:var(--accent-deep); }
  .mfp .mfp-badge{
    font-size:10.5px; font-weight:700; padding:4px 10px; border-radius:999px;
    background:var(--ink); color:#fff;
  }
  .mfp .mfp-level.mfp-pro .mfp-badge{ background:var(--accent); }
  .mfp .mfp-level h3{ font-size:22px; }
  .mfp .mfp-level .mfp-for{ font-size:13.5px; color:var(--sub); }
  .mfp .mfp-level .mfp-for b{ color:var(--ink); font-weight:600; }

  .mfp .mfp-lvl-block{ border-top:1px solid var(--line); padding-top:14px; }
  .mfp .mfp-lvl-block h4{
    font-size:11px; font-weight:700; color:var(--sub); margin-bottom:8px;
  }
  .mfp .mfp-lvl-block ul{ display:grid; gap:6px; }
  .mfp .mfp-lvl-block li{ font-size:13.5px; padding-left:18px; position:relative; }
  .mfp .mfp-lvl-block li::before{ content:"✓"; position:absolute; left:0; color:var(--accent); font-weight:800; font-size:12px; }
  .mfp .mfp-lvl-block.mfp-expect li::before{ content:"—"; color:var(--sub); }

  @media (max-width:900px){ .mfp .mfp-levels{ grid-template-columns:1fr; } }

  /* ---------- 6. Expect / pull-quote ---------- */
  .mfp .mfp-expect-wrap{ display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; }
  .mfp .mfp-checklist{ display:grid; gap:12px; }
  .mfp .mfp-checklist li{
    display:flex; gap:10px; align-items:flex-start; font-size:14.5px;
  }
  .mfp .mfp-checklist li::before{
    content:"✓"; flex:none; width:20px; height:20px; border-radius:50%;
    background:var(--ink); color:#fff; font-size:11px; font-weight:800;
    display:flex; align-items:center; justify-content:center; margin-top:1px;
  }
  .mfp blockquote.mfp-quote{
    border-left:3px solid var(--accent); padding-left:22px;
  }
  .mfp blockquote.mfp-quote p.mfp-display{
    font-size:clamp(19px,2.4vw,25px); line-height:1.35; color:var(--ink);
  }
  .mfp blockquote.mfp-quote .mfp-cite{
    margin-top:14px; font-size:12.5px; color:var(--sub);
  }
  @media (max-width:860px){ .mfp .mfp-expect-wrap{ grid-template-columns:1fr; } }

  /* ---------- 7. CTA band ---------- */
  .mfp .mfp-cta{
    background:var(--ink); color:#fff; text-align:center;
    padding:64px 24px; border-radius:8px; margin:0 24px 0; position:relative; overflow:hidden;
  }
  .mfp .mfp-cta h2{ font-size:clamp(22px,3vw,30px); color:#fff; }
  .mfp .mfp-cta p{ color:#c7cbd1; margin-top:10px; font-size:14.5px; max-width:440px; margin-left:auto; margin-right:auto; }
  .mfp .mfp-btn{
    margin-top:24px; display:inline-block; padding:13px 28px; border-radius:4px;
    background:var(--accent); color:#fff; font-weight:700; font-size:14px;
    transition:background .15s ease;
  }
  .mfp .mfp-btn:hover{ background:var(--accent-deep); }