.elementor-7565 .elementor-element.elementor-element-ef0f7fc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7565 .elementor-element.elementor-element-5e67aee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7565 .elementor-element.elementor-element-c00f06b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-7565 .elementor-element.elementor-element-bc5188a{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS *//* =====================================================
   Midposi Apple-Style (B2B + QA Tech) — FINAL FIXED CSS
   ===================================================== */

:root{
  --bg:#ffffff;
  --panel:#f5f5f7;
  --card:#ffffff;
  --text:#1d1d1f;
  --muted:#6e6e73;
  --line:rgba(0,0,0,.10);

  --accent:#0066cc;
  --accentHover:#0054a8;

  --radius:22px;
  --shadow:0 18px 50px rgba(0,0,0,.08);
  --shadowSoft:0 10px 30px rgba(0,0,0,.06);
}

/* ===== Layout ===== */
.midposi-pro-wrap{
  max-width:1060px;
  margin:0 auto;
  padding:24px 18px;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;
  color:var(--text);
  background:var(--bg);
  line-height:1.65;
}

/* ===== Fade-up animation ===== */
.fade-up{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .75s cubic-bezier(.2,.8,.2,1),
             transform .75s cubic-bezier(.2,.8,.2,1);
}
.fade-up.show{opacity:1; transform:none;}

/* Elementor editor fallback */
body.elementor-editor-active .fade-up,
body.elementor-editor-preview .fade-up{
  opacity:1 !important;
  transform:none !important;
}

/* ===== Hero ===== */
.midposi-hero{
  background:linear-gradient(180deg,#fff,#f6f7fb);
  border:1px solid var(--line);
  border-radius:calc(var(--radius) + 6px);
  box-shadow:var(--shadow);
  padding:34px 26px;
}
.midposi-hero h1{
  font-size:clamp(28px,3.2vw,42px);
  letter-spacing:-.02em;
  line-height:1.12;
  margin:0 0 10px;
}
.midposi-hero p{
  margin:0;
  color:var(--muted);
  max-width:860px;
}

/* ===== Metrics ===== */
.metrics-row{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
}
.metric-box{
  background:var(--panel);
  border:1px solid rgba(0,0,0,.06);
  border-radius:18px;
  padding:16px 14px;
  text-align:center;
}
.metric-box strong{
  display:block;
  font-size:18px;
  color:var(--accent);
}
.metric-box span{
  margin-top:6px;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  font-weight:700;
}

/* ===== Buttons (FIXED) ===== */
.midposi-btns{display:flex; gap:12px; flex-wrap:wrap; margin-top:16px;}

.midposi-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:12px 18px;
  border-radius:999px;
  text-decoration:none;
  font-weight:700;
  font-size:14px;
  white-space:nowrap;
  border:1px solid transparent;
  opacity:1 !important;
  visibility:visible !important;
}

.midposi-btn.primary{
  background:var(--accent);
  color:#fff !important;
  box-shadow:0 12px 26px rgba(0,102,204,.22);
}
.midposi-btn.primary:hover{
  background:var(--accentHover);
  transform:translateY(-1px);
}

.midposi-btn.ghost{
  background:#fff;
  color:var(--text) !important;
  border-color:var(--line);
}
.midposi-btn.ghost:hover{
  transform:translateY(-1px);
}

/* ===== Cards ===== */
.midposi-card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadowSoft);
  padding:24px;
}

/* ===== Lists & notes ===== */
.midposi-list{padding-left:18px; margin:10px 0 0;}
.midposi-list li{margin-bottom:10px;}

.midposi-note{
  background:var(--panel);
  border:1px solid rgba(0,0,0,.06);
  border-left:6px solid var(--accent);
  border-radius:16px;
  padding:14px;
  margin-top:14px;
}

/* ===== Tables ===== */
.midposi-table-wrap{
  overflow-x:auto;
  border-radius:16px;
  border:1px solid rgba(0,0,0,.06);
  background:var(--panel);
  padding:8px;
  margin-top:14px;
}
.midposi-table{
  width:100%;
  border-collapse:collapse;
  background:#fff;
}
.midposi-table th,
.midposi-table td{
  padding:14px;
  border-bottom:1px solid rgba(0,0,0,.06);
  font-size:14px;
}
.midposi-table th{
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--muted);
  background:#fbfbfd;
}

/* ===== IMAGES (KEY FIX) ===== */
.midposi-figure{
  margin:18px auto 0;
  max-width:860px;
  background:var(--panel);
  border:1px solid rgba(0,0,0,.06);
  border-radius:18px;
  padding:12px;
}
.midposi-img{
  width:100%;
  height:auto;
  max-height:420px;        /* 🔑 控制“图太大” */
  object-fit:contain;
  display:block;
  border-radius:14px;
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 10px 26px rgba(0,0,0,.08);
}

/* ===== Links ===== */
.midposi-a{
  color:var(--accent);
  font-weight:700;
  text-decoration:none;
}
.midposi-a:hover{text-decoration:underline;}

/* ===== Responsive ===== */
@media (max-width:860px){
  .metrics-row{grid-template-columns:1fr;}
  .midposi-img{max-height:320px;}
}

/* Force LEFT button to be primary blue */
.midposi-btns .midposi-btn:first-child{
  background: var(--accent) !important;
  color: #ffffff !important;
  border-color: transparent !important;
  box-shadow: 0 12px 26px rgba(0,102,204,.22) !important;
}

.midposi-btns .midposi-btn:first-child:hover{
  background: var(--accentHover) !important;
}

/* ===========================
   SECTION SPACING SYSTEM — FIXED
   True Apple-style vertical rhythm
=========================== */

/* Base section block */
.apple-section{
  margin-top: 88px;          /* 主呼吸距离 */
  padding-top: 8px;          /* 防止内容贴边 */
}

/* Hero → First section (stronger separation) */
.midposi-hero + .apple-section{
  margin-top: 80px;
}

/* Related sections still keep distance */
.apple-section + .apple-section{
  margin-top: 88px;
}

/* Inside section: image / table spacing */
.apple-table-wrap,
.midposi-figure{
  margin-top: 32px;
}

/* CTA sections need authority & pause */
.apple-section.cta,
.apple-section[style*="text-align: center"]{
  margin-top: 112px;
  padding-top: 32px;
}

/* Footer / internal links = end-of-article pause */
.internal-links{
  margin-top: 96px;
  padding-top: 32px;
  border-top: 1px solid rgba(0,0,0,.06);
}

/* Mobile rhythm */
@media (max-width: 860px){
  .apple-section{
    margin-top: 64px;
  }
  .internal-links{
    margin-top: 72px;
  }
}/* End custom CSS */