.elementor-7561 .elementor-element.elementor-element-8ca2dff{--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-7561 .elementor-element.elementor-element-716de48{--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-7561 .elementor-element.elementor-element-58e6e07{--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;}:root{--page-title-display:none;}/* Start custom CSS *//* Midposi — Apple Style + FadeUp Safe + Image Sizing Fix
   Goal: Never blank page, readable buttons, controlled image size
*/

:root{
  --apple-bg:#ffffff;
  --apple-secondary:#f5f5f7;
  --apple-text:#1d1d1f;
  --apple-muted:#6b7280;
  --apple-accent:#0A84FF;        /* iOS blue */
  --apple-accent-hover:#0066CC;
  --apple-line:rgba(17,24,39,.14);

  --radius:22px;
  --shadow:0 18px 45px rgba(17,24,39,.08);
  --shadow-soft:0 10px 28px rgba(17,24,39,.10);

  /* image sizing */
  --img-max-h-desktop:420px;
  --img-max-h-mobile:260px;
}

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

/* --- Fade Up: SAFE MODE (never blank) --- */
/* default = visible (SAFE) */
.fade-up{
  opacity:1;
  transform:none;
  transition:opacity .7s ease, transform .7s ease;
}

/* only animate when JS is confirmed */
html.js .fade-up{
  opacity:0;
  transform:translateY(18px);
}
html.js .fade-up.show{
  opacity:1;
  transform:none;
}

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

/* hero */
.apple-hero{
  text-align:center;
  padding:72px 0 54px;
}
.apple-hero h1{
  font-size:clamp(30px,4.6vw,48px);
  font-weight:750;
  letter-spacing:-0.015em;
  line-height:1.1;
  margin:0 0 14px;
}
.apple-hero p{
  font-size:18px;
  color:var(--apple-muted);
  max-width:820px;
  margin:0 auto 28px;
}

/* metric cards */
.metrics-row{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:16px;
  margin:22px 0 34px;
}
.metric-box{
  background:var(--apple-secondary);
  border:1px solid var(--apple-line);
  border-radius:var(--radius);
  padding:22px 16px;
  box-shadow:var(--shadow-soft);
}
.metric-box strong{
  display:block;
  font-size:28px;
  font-weight:800;
  color:var(--apple-accent);
  margin-bottom:6px;
}
.metric-box span{
  display:block;
  font-size:12px;
  letter-spacing:.10em;
  text-transform:uppercase;
  color:var(--apple-muted);
  font-weight:700;
}

/* section */
.apple-section{
  margin:0 0 76px;
}
.apple-section h2{
  font-size:28px;
  font-weight:750;
  letter-spacing:-0.01em;
  margin:0 0 18px;
}
.apple-section h3{
  font-size:20px;
  font-weight:750;
  margin:22px 0 10px;
}

/* list */
ul.apple-list{
  padding-left:18px;
  margin:0;
}
ul.apple-list li{
  margin:0 0 10px;
}

/* note */
.apple-note{
  background:var(--apple-secondary);
  border:1px solid var(--apple-line);
  border-left:5px solid var(--apple-accent);
  border-radius:16px;
  padding:18px 18px;
  margin:18px 0;
  color:var(--apple-text);
}

/* table */
.apple-table-wrap{
  margin:18px 0 22px;
  background:var(--apple-secondary);
  border:1px solid var(--apple-line);
  border-radius:var(--radius);
  padding:10px;
  overflow-x:auto;
}
.apple-table{
  width:100%;
  border-collapse:collapse;
  min-width:720px;
}
.apple-table th{
  text-align:left;
  padding:14px 14px;
  font-size:12px;
  color:var(--apple-muted);
  text-transform:uppercase;
  letter-spacing:.08em;
  border-bottom:1px solid var(--apple-line);
}
.apple-table td{
  padding:16px 14px;
  border-bottom:1px solid rgba(17,24,39,.08);
  font-size:15px;
}

/* --- Image sizing fix (THIS solves “图片太大”) --- */
.apple-figure{
  margin:18px 0 0;
}
.apple-img-container{
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid var(--apple-line);
  background:#fff;
  box-shadow:var(--shadow-soft);
}
.apple-img{
  width:100%;
  height:auto;
  display:block;

  /* limit height and keep nice crop */
  max-height:var(--img-max-h-desktop);
  object-fit:cover;
}
.apple-caption{
  font-size:13px;
  color:var(--apple-muted);
  margin:10px 6px 0;
}

/* responsive */
@media (max-width:768px){
  .apple-hero{ padding:54px 0 36px; }
  .apple-hero p{ font-size:16px; }
  .apple-img{ max-height:var(--img-max-h-mobile); }
}

/* --- Buttons (THIS solves “按钮变白不行”) --- */
.apple-btn-group{
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:8px;
}

.apple-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  padding:12px 18px;
  border-radius:999px;
  text-decoration:none;
  font-weight:800;
  font-size:14px;
  line-height:1;

  border:1px solid transparent;
  cursor:pointer;

  transition:transform .15s ease, background .15s ease, box-shadow .15s ease, border-color .15s ease, color .15s ease;
}

/* Primary: always blue */
.apple-btn.primary{
  background:var(--apple-accent);
  color:#fff !important;
  box-shadow:0 10px 22px rgba(10,132,255,.26);
}
.apple-btn.primary:hover{
  background:var(--apple-accent-hover);
  transform:translateY(-1px);
}

/* Ghost: white bg + dark text */
.apple-btn.ghost{
  background:#fff;
  color:var(--apple-text) !important;
  border-color:var(--apple-line);
  box-shadow:0 10px 22px rgba(17,24,39,.06);
}
.apple-btn.ghost:hover{
  border-color:rgba(10,132,255,.35);
  transform:translateY(-1px);
}

/* keep visited from changing */
.apple-btn:visited{ color:inherit; }

/* internal links footer */
.internal-links{
  background:var(--apple-secondary);
  border:1px solid var(--apple-line);
  padding:22px;
  border-radius:var(--radius);
}
.internal-links a{
  color:var(--apple-accent);
  font-weight:750;
  text-decoration:none;
}
.internal-links a:hover{ text-decoration:underline; }/* End custom CSS */