/* ============================================================
   JHIMS 首页主体 · 按参考方案重建（2026-10-17）
   作用域：#post-649 之内；**不含任何 header / footer 选择器**
   ============================================================ */
html body #post-649{
  --jh-ink-950:#070B14; --jh-ink-900:#0B1220; --jh-ink-800:#111A27;
  --jh-slate-700:#334155; --jh-slate-600:#475569; --jh-slate-500:#5B6B7F; --jh-slate-400:#94A3B8;
  --jh-line:#E2E8F0; --jh-surface:#F6F8FB; --jh-surface-2:#EEF3F8;
  --jh-brand-700:#C2410C; --jh-brand-500:#F97316;
  --jh-container:1200px; --jh-gutter:24px; --jh-radius:8px; --jh-radius-sm:6px;
  --jh-shadow-sm:0 1px 2px rgba(11,18,32,.06);
}
/* 基础排版 */
html body #post-649 .jh-hero h1,
html body #post-649 h2, html body #post-649 h3{
  color:var(--jh-ink-900); letter-spacing:-.02em; text-wrap:balance; margin:0;
  font-family:ui-sans-serif,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,"Noto Sans SC",sans-serif !important;
  text-transform:none !important;
}
html body #post-649 h2{ font-size:clamp(28px,2.6vw,40px) !important; line-height:1.12 !important; font-weight:650 !important; }
html body #post-649 h3{ font-size:19px !important; line-height:1.35 !important; font-weight:600 !important; }
html body #post-649 .jh-wrap{
  width:min(var(--jh-container),calc(100% - (var(--jh-gutter) * 2))) !important;
  margin-inline:auto !important;
}
html body #post-649 .jh-eyebrow{
  margin:0 0 12px; color:var(--jh-brand-700); font-size:12px; line-height:16px; font-weight:700;
  letter-spacing:.08em; text-transform:uppercase;
}
html body #post-649 .jh-eyebrow--light{ color:#FDBA74; }
html body #post-649 .jh-head{
  display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,520px); gap:48px; align-items:end; margin-bottom:44px;
}
html body #post-649 .jh-head__lead{ margin:0; color:var(--jh-slate-500); font-size:16px; line-height:1.65; max-width:56ch; }

/* 按钮 */
html body #post-649 .jh-btn{
  display:inline-flex; min-height:48px; align-items:center; justify-content:center; gap:8px;
  border:1px solid transparent; border-radius:var(--jh-radius-sm); padding:0 22px;
  font-size:15px; line-height:1; font-weight:650; text-decoration:none; cursor:pointer;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}
html body #post-649 .jh-btn:hover{ transform:translateY(-1px); }
html body #post-649 .jh-btn--primary{ background:var(--jh-brand-500); color:var(--jh-ink-900) !important; }
html body #post-649 .jh-btn--primary:hover{ background:#FB8A3C; }
html body #post-649 .jh-btn--ghost{ border-color:rgba(255,255,255,.62); background:rgba(255,255,255,.04); color:#fff !important; }
html body #post-649 .jh-btn--ghost:hover{ background:rgba(255,255,255,.12); border-color:#fff; }
html body #post-649 .jh-btn--outline{ border-color:var(--jh-line); background:#fff; color:var(--jh-ink-900) !important; }
html body #post-649 .jh-btn--outline:hover{ border-color:#CBD5E1; background:var(--jh-surface); }
html body #post-649 .jh-link{
  display:inline-flex; min-height:44px; align-items:center; gap:8px; margin-top:auto;
  color:var(--jh-ink-900) !important; font-size:14px; font-weight:650; text-decoration:none;
}
html body #post-649 .jh-link span{ transition:transform .18s ease; display:inline-block; }
html body #post-649 .jh-card:hover .jh-link span{ transform:translateX(3px); }

/* ——— Hero ——— */
html body #post-649 .jh-hero{
  position:relative; display:flex; align-items:center; overflow:hidden; isolation:isolate;
  min-height:clamp(600px,72vh,700px); background:var(--jh-ink-900);
  padding:92px 0 44px;
}
html body #post-649 .jh-hero__video{ position:absolute; inset:0; z-index:-2; overflow:hidden; }
html body #post-649 .jh-hero__video iframe{
  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
  width:max(100%,177.78vh); height:max(100%,56.25vw); border:0; pointer-events:none;
}
html body #post-649 .jh-hero::after{
  content:""; position:absolute; inset:0; z-index:-1;
  background:
    linear-gradient(90deg, rgba(6,12,24,.94) 0%, rgba(6,12,24,.78) 40%, rgba(6,12,24,.30) 72%, rgba(6,12,24,.12) 100%),
    linear-gradient(0deg, rgba(6,12,24,.55) 0%, rgba(6,12,24,0) 38%);
}
html body #post-649 .jh-hero__inner{
  display:grid; grid-template-columns:minmax(0,640px) 1fr; gap:40px; align-items:end; padding:0 !important;
}
html body #post-649 .jh-hero__copy{ max-width:620px; }
html body #post-649 .jh-hero h1{
  color:#fff !important; font-size:clamp(34px,3.6vw,56px) !important;
  line-height:1.06 !important; font-weight:650 !important; letter-spacing:-.02em !important; margin:0;
}
html body #post-649 .jh-hero__lead{
  max-width:54ch; margin:20px 0 0; color:#D5DFEB !important; font-size:18px; line-height:1.65;
}
html body #post-649 .jh-hero__actions{ display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
html body #post-649 .jh-proof{
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px;
  margin:44px 0 0; padding:22px 0 0; border-top:1px solid rgba(255,255,255,.20); list-style:none;
}
html body #post-649 .jh-proof strong{ display:block; color:#fff; font-size:19px; line-height:1.2; font-weight:650; }
html body #post-649 .jh-proof span{
  display:block; margin-top:5px; color:#AEBDCD; font-size:11px; line-height:1.4; font-weight:600;
  letter-spacing:.08em; text-transform:uppercase;
}
html body #post-649 .jh-hero__side{ display:flex; align-items:flex-end; justify-content:flex-end; }
html body #post-649 .jh-play{
  display:inline-flex; align-items:center; gap:12px; border:1px solid rgba(255,255,255,.34);
  border-radius:999px; background:rgba(7,11,20,.48); color:#fff !important; text-decoration:none;
  padding:8px 16px 8px 9px;
}
html body #post-649 .jh-play:hover{ background:rgba(7,11,20,.68); }
html body #post-649 .jh-play__icon{
  display:grid; width:34px; height:34px; place-items:center; border-radius:50%;
  background:var(--jh-brand-500); color:var(--jh-ink-900);
}
html body #post-649 .jh-play__icon svg{ width:14px; height:14px; margin-left:2px; }
html body #post-649 .jh-play strong{ display:block; font-size:13px; line-height:1.25; font-weight:650; }
html body #post-649 .jh-play small{ display:block; margin-top:2px; color:#AEBDCD; font-size:11px; }

/* ——— Logo 条 ——— */
html body #post-649 .jh-strip{ background:#fff; border-bottom:1px solid var(--jh-line); }
html body #post-649 .jh-strip__inner{ display:flex; align-items:center; gap:36px; padding:22px 0; }
html body #post-649 .jh-strip__inner p{
  flex:0 0 220px; margin:0; color:var(--jh-slate-500); font-size:12px; line-height:1.5; font-weight:600;
}
html body #post-649 .jh-strip__row{ display:flex; flex:1; align-items:center; justify-content:space-between; gap:24px; overflow:hidden; }
html body #post-649 .jh-strip__row img{
  width:auto; max-width:120px; height:26px !important; object-fit:contain;
  filter:grayscale(1); opacity:.62;
}

/* ——— 通用 section ——— */
html body #post-649 .jh-section{ padding:96px 0 !important; background:#fff; }
html body #post-649 .jh-cases{ background:var(--jh-surface) !important; }
html body #post-649 .jh-customers{ background:var(--jh-surface) !important; }

/* ——— 产品网格 ——— */
html body #post-649 .jh-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
html body #post-649 .jh-card{
  display:flex; min-width:0; flex-direction:column; border:1px solid var(--jh-line);
  border-radius:var(--jh-radius); background:#fff; overflow:hidden; box-shadow:var(--jh-shadow-sm);
  transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease; text-decoration:none;
}
html body #post-649 .jh-card:hover{ border-color:#FDBA74; transform:translateY(-2px); box-shadow:0 8px 20px rgba(11,18,32,.07); }
html body #post-649 .jh-card__media{ position:relative; display:block; aspect-ratio:4 / 3; background:var(--jh-surface-2); }
html body #post-649 .jh-card__media img{
  position:absolute; inset:22px; width:calc(100% - 44px) !important; height:calc(100% - 44px) !important;
  object-fit:contain !important; display:block;
}
html body #post-649 .jh-card__body{ display:flex; flex:1; flex-direction:column; padding:24px; }
html body #post-649 .jh-kicker{
  margin:0 0 8px; color:var(--jh-brand-700); font-size:11px; line-height:16px; font-weight:700;
  letter-spacing:.08em; text-transform:uppercase;
}
html body #post-649 .jh-card__body h3{ margin:0 0 8px !important; font-size:19px !important; }
html body #post-649 .jh-card__desc{ margin:0; color:var(--jh-slate-500); font-size:15px; line-height:1.6; }
html body #post-649 .jh-specs{
  display:flex; flex-wrap:wrap; gap:6px; margin:18px 0 22px; padding:0; list-style:none;
}
html body #post-649 .jh-specs li{
  border:1px solid var(--jh-line); border-radius:4px; background:var(--jh-surface);
  color:var(--jh-slate-600); padding:4px 7px; font-size:11px; line-height:16px; font-weight:600;
}

/* ——— 案例 ——— */
html body #post-649 .jh-metrics{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
html body #post-649 .jh-metric{
  border:1px solid var(--jh-line); border-radius:var(--jh-radius); background:#fff; padding:28px;
}
html body #post-649 .jh-metric__value{
  color:var(--jh-brand-700); font-size:clamp(30px,2.6vw,40px); line-height:1.05; font-weight:700; letter-spacing:-.03em;
}
html body #post-649 .jh-metric__label{ margin-top:8px; color:var(--jh-ink-900); font-size:14px; line-height:1.35; font-weight:650; }
html body #post-649 .jh-metric p{ margin:14px 0 0; color:var(--jh-slate-500); font-size:14px; line-height:1.6; }
html body #post-649 .jh-casefoot{ display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:28px; }
html body #post-649 .jh-casefoot p{ margin:0; color:var(--jh-slate-500); font-size:14px; }

/* ——— 工厂 ——— */
html body #post-649 .jh-factory{ background:var(--jh-ink-900) !important; color:#C6D0DC; padding:96px 0 !important; }
html body #post-649 .jh-factory__grid{ display:grid; grid-template-columns:1.05fr .95fr; gap:64px; align-items:center; }
html body #post-649 .jh-factory__media{ position:relative; overflow:hidden; border-radius:var(--jh-radius); background:#111A27; }
html body #post-649 .jh-factory__media img{ width:100% !important; height:auto !important; aspect-ratio:4 / 3; object-fit:cover !important; display:block; }
html body #post-649 .jh-factory__badge{
  position:absolute; right:18px; bottom:18px; border:1px solid rgba(255,255,255,.28); border-radius:4px;
  background:rgba(7,11,20,.78); color:#fff; padding:8px 11px; font-size:11px; line-height:1.3; font-weight:650; letter-spacing:.06em;
}
html body #post-649 .jh-factory__copy h2{ color:#fff !important; }
html body #post-649 .jh-factory__copy > p{
  max-width:56ch; margin:18px 0 0; color:#C6D0DC !important; font-size:16px; line-height:1.7;
}
html body #post-649 .jh-checks{ display:grid; gap:10px; margin:24px 0 0; padding:0; list-style:none; }
html body #post-649 .jh-checks li{
  position:relative; padding-left:28px; color:#D5DFEB !important; font-size:14px; line-height:1.5;
}
html body #post-649 .jh-checks li::before{
  content:""; position:absolute; left:0; top:3px; width:16px; height:16px;
  background:no-repeat center/contain url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FDBA74' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E");
}
html body #post-649 .jh-stats{
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 32px; margin-top:34px;
  padding-top:30px; border-top:1px solid rgba(255,255,255,.16);
}
html body #post-649 .jh-stats strong{
  display:block; color:#fff; font-size:clamp(28px,2.4vw,36px); line-height:1.05; font-weight:650; letter-spacing:-.03em;
}
html body #post-649 .jh-stats span{
  display:block; margin-top:7px; color:var(--jh-slate-400); font-size:12px; line-height:1.4; font-weight:600;
  letter-spacing:.05em; text-transform:uppercase;
}

/* ——— FAQ ——— */
html body #post-649 .jh-faq{ display:grid; grid-template-columns:minmax(0,5fr) minmax(0,7fr); gap:72px; align-items:start; }
html body #post-649 .jh-faq__intro > p{ margin:18px 0 0; color:var(--jh-slate-500); font-size:16px; line-height:1.7; }
html body #post-649 .jh-contactcard{
  margin-top:28px; border:1px solid var(--jh-line); border-radius:var(--jh-radius);
  background:var(--jh-surface); padding:22px;
}
html body #post-649 .jh-contactcard strong{ display:block; color:var(--jh-ink-900); font-size:15px; line-height:1.4; }
html body #post-649 .jh-contactcard p{ margin:6px 0 0; color:var(--jh-slate-500); font-size:13px; line-height:1.55; }
html body #post-649 .jh-contactcard__actions{ display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
html body #post-649 .jh-contactcard__actions .jh-btn{ min-height:40px; padding:0 13px; font-size:13px; }
html body #post-649 .jh-faq__list{ border-top:1px solid var(--jh-line); }
html body #post-649 .jh-faq__list details{ border-bottom:1px solid var(--jh-line); }
html body #post-649 .jh-faq__list summary{
  display:flex; min-height:64px; align-items:center; justify-content:space-between; gap:20px;
  padding:18px 0; color:var(--jh-ink-900); font-size:17px; line-height:1.45; font-weight:600;
  cursor:pointer; list-style:none;
}
html body #post-649 .jh-faq__list summary::-webkit-details-marker{ display:none; }
html body #post-649 .jh-plus{
  position:relative; width:20px; height:20px; flex:0 0 auto; border:1px solid var(--jh-line); border-radius:50%;
}
html body #post-649 .jh-plus::before,
html body #post-649 .jh-plus::after{
  content:""; position:absolute; top:50%; left:50%; width:8px; height:1.5px; border-radius:2px;
  background:var(--jh-slate-600); transform:translate(-50%,-50%);
}
html body #post-649 .jh-plus::after{ transform:translate(-50%,-50%) rotate(90deg); transition:transform .18s ease; }
html body #post-649 .jh-faq__list details[open] .jh-plus::after{ transform:translate(-50%,-50%) rotate(0); }
html body #post-649 .jh-faq__list details[open] summary{ color:var(--jh-brand-700); }
html body #post-649 .jh-faq__list details p{
  max-width:68ch; margin:0; padding:0 40px 22px 0; color:var(--jh-slate-600); font-size:15px; line-height:1.7;
}

/* ——— 客户 Logo 墙 ——— */
html body #post-649 .jh-wall{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; }
html body #post-649 .jh-tile{
  display:grid; height:84px; place-items:center; border:1px solid var(--jh-line);
  border-radius:var(--jh-radius); background:#fff; padding:18px;
}
html body #post-649 .jh-tile img{
  width:100%; height:30px !important; object-fit:contain; filter:grayscale(1); opacity:.66;
  transition:filter .18s ease,opacity .18s ease;
}
html body #post-649 .jh-tile:hover img{ filter:none; opacity:1; }

/* ——— CTA 带 ——— */
html body #post-649 .jh-ctaband{ padding:0 0 96px !important; background:var(--jh-surface); }
html body #post-649 .jh-cta{
  display:flex; align-items:center; justify-content:space-between; gap:32px;
  border-radius:var(--jh-radius); background:var(--jh-ink-900); padding:40px 44px;
}
html body #post-649 .jh-cta h2{ max-width:620px; color:#fff !important; font-size:clamp(24px,2.2vw,34px) !important; }
html body #post-649 .jh-cta p{ margin:10px 0 0; color:var(--jh-slate-400); font-size:15px; line-height:1.6; }
html body #post-649 .jh-cta__actions{ display:flex; flex-wrap:wrap; gap:10px; }

/* ——— 响应式（与参考方案一致） ——— */
@media (max-width:1119px){
  html body #post-649{ --jh-gutter:20px; }
  html body #post-649 .jh-section{ padding:72px 0 !important; }
  html body #post-649 .jh-head{ grid-template-columns:1fr; gap:16px; margin-bottom:36px; }
  html body #post-649 .jh-hero__inner{ grid-template-columns:1fr; gap:24px; }
  html body #post-649 .jh-hero__side{ display:none; }
  html body #post-649 .jh-factory__grid{ grid-template-columns:1fr; gap:40px; }
  html body #post-649 .jh-factory__media{ order:2; }
  html body #post-649 .jh-factory__copy{ order:1; }
  html body #post-649 .jh-faq{ grid-template-columns:1fr; gap:36px; }
  html body #post-649 .jh-wall{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:900px){
  html body #post-649 .jh-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  html body #post-649 .jh-metrics{ grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:767px){
  html body #post-649{ --jh-gutter:16px; }
  html body #post-649 .jh-section{ padding:56px 0 !important; }
  html body #post-649 .jh-hero{ min-height:560px; padding:72px 0 34px; }
  html body #post-649 .jh-hero h1{ font-size:clamp(30px,8.6vw,38px) !important; }
  html body #post-649 .jh-hero__lead{ font-size:16px; }
  html body #post-649 .jh-hero__actions .jh-btn{ flex:1 1 auto; }
  html body #post-649 .jh-proof{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 16px; margin-top:32px; }
  html body #post-649 .jh-strip__inner{ display:block; padding:18px 0; }
  html body #post-649 .jh-strip__inner p{ margin-bottom:14px; }
  html body #post-649 .jh-strip__row img{ height:22px !important; max-width:96px; }
  html body #post-649 .jh-grid{ grid-template-columns:1fr; gap:12px; }
  html body #post-649 .jh-card{ display:grid; grid-template-columns:112px minmax(0,1fr); align-items:stretch; }
  html body #post-649 .jh-card__media{ aspect-ratio:1 / 1; }
  html body #post-649 .jh-card__media img{ inset:14px; width:calc(100% - 28px) !important; height:calc(100% - 28px) !important; }
  html body #post-649 .jh-card__body{ padding:16px; }
  html body #post-649 .jh-kicker{ margin-bottom:4px; font-size:10px; }
  html body #post-649 .jh-card__body h3{ font-size:17px !important; margin-bottom:4px !important; }
  html body #post-649 .jh-card__desc{ display:none; }
  html body #post-649 .jh-specs{ gap:4px; margin:8px 0 4px; }
  html body #post-649 .jh-specs li{ padding:3px 5px; font-size:10px; line-height:15px; }
  html body #post-649 .jh-specs li:nth-child(n+3){ display:none; }
  html body #post-649 .jh-metrics{ grid-template-columns:1fr; gap:12px; }
  html body #post-649 .jh-metric{ padding:18px; }
  html body #post-649 .jh-metric p{ display:none; }
  html body #post-649 .jh-casefoot{ display:block; }
  html body #post-649 .jh-casefoot .jh-btn{ margin-top:16px; width:100%; }
  html body #post-649 .jh-factory{ padding:56px 0 !important; }
  html body #post-649 .jh-factory__media img{ aspect-ratio:16 / 9; }
  html body #post-649 .jh-wall{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  html body #post-649 .jh-tile{ height:72px; padding:12px; }
  html body #post-649 .jh-ctaband{ padding-bottom:56px !important; }
  html body #post-649 .jh-cta{ display:block; padding:28px 24px; }
  html body #post-649 .jh-cta__actions{ margin-top:20px; }
  html body #post-649 .jh-cta__actions .jh-btn{ flex:1 1 auto; }
}
@media (prefers-reduced-motion:reduce){
  html body #post-649 *, html body #post-649 *::before, html body #post-649 *::after{
    transition-duration:.01ms !important; animation-duration:.01ms !important;
  }
}


/* ===== 可读性补丁（审计实测：ghost 按钮与 slate-500 边界值） ===== */
html body #post-649 .jh-btn--ghost{ color:#ffffff !important; border-color:rgba(255,255,255,.62) !important; background:rgba(7,11,20,.42) !important; }
html body #post-649 .jh-btn--ghost:hover{ background:rgba(255,255,255,.16) !important; border-color:#fff !important; }
html body #post-649 .jh-cta .jh-btn--ghost{ background:rgba(255,255,255,.14) !important; }
html body #post-649 .jh-metric p, html body #post-649 .jh-casefoot p,
html body #post-649 .jh-card__desc, html body #post-649 .jh-head__lead,
html body #post-649 .jh-contactcard p, html body #post-649 .jh-faq__intro > p{ color:#55677C !important; }
html body #post-649 .jh-proof span{ color:#C2CEDC !important; }

/* 最后一条：CTA 带里的幽灵按钮改为实底深色，避免审计 ratio=1 */
html body #post-649 .jh-cta .jh-btn--ghost{
  background:#1B2537 !important; color:#ffffff !important; border-color:rgba(255,255,255,.42) !important;
}
html body #post-649 .jh-cta .jh-btn--ghost:hover{ background:#243149 !important; }

/* ============================================================
   v2 · 2026-10-18：通栏满铺 + 首屏改大图（CEO 选 B 全幅） + 文字/图片分离
   作用域仍限 #post-649；不改 header / footer；不动其它页面
   ============================================================ */

/* 1) 解除 WP「受限布局」限宽（1500px / 90vw）→ 各分区真正通栏 */
html body #post-649 .entry-content > section{
  max-width:none !important;
  width:100% !important;
  margin-inline:0 !important;
}

/* 2) 首屏：整屏铺满（覆盖式导航 111px 由内层 padding 让开） */
html body #post-649 .jh-hero{
  min-height:100svh !important;
  display:flex; align-items:center;
  padding:0 !important;
  background:#070B14;
}
html body #post-649 .jh-hero__inner{
  width:min(1200px, calc(100% - 48px)) !important;
  grid-template-columns:minmax(0,720px) 1fr !important;
  align-items:center !important;
  gap:40px !important;
  padding:148px 0 92px !important;
}

/* 3) 图片层（替代原 YouTube 背景 iframe） */
html body #post-649 .jh-hero__media{ position:absolute; inset:0; z-index:-2; overflow:hidden; }
html body #post-649 .jh-hero__media img{
  width:100% !important; height:100% !important; max-width:none !important;
  object-fit:cover !important; object-position:66% 50% !important; display:block;
}

/* 4) 遮罩：左深右浅 + 底部压暗 + 文字区局部加深（保证对比度） */
html body #post-649 .jh-hero::after{
  content:""; position:absolute; inset:0; z-index:-1;
  background:
    radial-gradient(78% 92% at 8% 46%, rgba(4,7,13,.72) 0%, rgba(4,7,13,.30) 52%, rgba(4,7,13,0) 78%),
    linear-gradient(90deg, rgba(4,7,13,.95) 0%, rgba(4,7,13,.84) 24%, rgba(4,7,13,.48) 50%, rgba(4,7,13,.12) 76%, rgba(4,7,13,.42) 100%),
    linear-gradient(0deg, rgba(4,7,13,.80) 0%, rgba(4,7,13,.18) 34%, rgba(4,7,13,0) 62%) !important;
}

/* 5) 左栏排版 */
html body #post-649 .jh-hero__copy{ max-width:700px !important; }
html body #post-649 .jh-hero h1{
  font-size:clamp(38px,3.6vw,64px) !important; line-height:1.03 !important;
  letter-spacing:-.028em !important; text-shadow:0 2px 26px rgba(0,0,0,.38);
}
html body #post-649 .jh-hero__lead{
  max-width:52ch !important; margin-top:22px !important; color:#DCE6F2 !important;
  font-size:18px !important; text-shadow:0 1px 14px rgba(0,0,0,.55);
}
html body #post-649 .jh-hero__actions{ margin-top:32px !important; }
html body #post-649 .jh-hero__actions .jh-btn{ min-height:52px; padding:0 26px; }

/* 数据条：玻璃面板，与照片彻底脱开 */
html body #post-649 .jh-proof{
  margin-top:44px !important; padding:20px 22px !important;
  border:1px solid rgba(255,255,255,.14) !important; border-top:1px solid rgba(255,255,255,.14) !important;
  border-radius:10px !important;
  background:linear-gradient(90deg, rgba(6,11,20,.66), rgba(6,11,20,.26)) !important;
  -webkit-backdrop-filter:blur(10px) saturate(120%); backdrop-filter:blur(10px) saturate(120%);
  gap:0 !important;
}
html body #post-649 .jh-proof li{ padding:0 20px !important; border-left:1px solid rgba(255,255,255,.12); }
html body #post-649 .jh-proof li:first-child{ padding-left:0 !important; border-left:0 !important; }
html body #post-649 .jh-proof strong{ font-size:21px !important; }

/* 角标 + 播放胶囊 */
html body #post-649 .jh-hero__chip{
  position:absolute; left:clamp(16px,4vw,52px); top:130px; z-index:2;
  display:inline-flex; align-items:center; gap:8px;
  border:1px solid rgba(255,255,255,.26); border-radius:999px; background:rgba(5,8,15,.55);
  color:#E7EEF7; font-size:11px; line-height:1; font-weight:650; letter-spacing:.09em;
  text-transform:uppercase; padding:8px 13px;
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}
html body #post-649 .jh-hero__chip i{
  width:6px; height:6px; border-radius:50%; background:#22C55E; box-shadow:0 0 0 3px rgba(34,197,94,.22);
}
html body #post-649 .jh-hero__side{ align-items:flex-end !important; justify-content:flex-end !important; padding-bottom:10px; }
html body #post-649 .jh-play{ background:rgba(5,8,15,.62) !important; -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }

/* 6) 原 logo 条：内容层已删除，样式层一并关闭（防回填） */
html body #post-649 .jh-strip{ display:none !important; }

/* 7) 平板 / 手机：改成上下构图，文字压在底部强遮罩上 */
@media (max-width:1119px){
  html body #post-649 .jh-hero{ min-height:min(100svh, 860px) !important; }
  html body #post-649 .jh-hero__inner{
    grid-template-columns:1fr !important; padding:128px 0 64px !important; gap:0 !important;
  }
  html body #post-649 .jh-hero__side{ display:none !important; }
  html body #post-649 .jh-hero__media img{ object-position:58% 46% !important; }
  html body #post-649 .jh-hero__chip{ top:112px; }
}
@media (max-width:767px){
  html body #post-649 .jh-hero{ min-height:100svh !important; align-items:flex-end; }
  html body #post-649 .jh-hero__inner{
    width:calc(100% - 32px) !important; padding:112px 0 40px !important;
  }
  html body #post-649 .jh-hero h1{ font-size:clamp(30px,8.4vw,38px) !important; }
  html body #post-649 .jh-hero__lead{ font-size:16px !important; margin-top:16px !important; }
  html body #post-649 .jh-hero__actions{ margin-top:24px !important; }
  html body #post-649 .jh-proof{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:16px 0 !important; padding:16px !important; margin-top:28px !important;
  }
  html body #post-649 .jh-proof li{ padding:0 14px !important; }
  html body #post-649 .jh-proof li:nth-child(odd){ padding-left:0 !important; border-left:0 !important; }
  html body #post-649 .jh-hero::after{
    background:
      linear-gradient(0deg, rgba(4,7,13,.97) 0%, rgba(4,7,13,.88) 40%, rgba(4,7,13,.46) 66%, rgba(4,7,13,.20) 100%) !important;
  }
  html body #post-649 .jh-hero__media img{ object-position:52% 38% !important; }
  html body #post-649 .jh-hero__chip{ display:none !important; }
}

/* ============================================================
   v2b · 2026-10-18：首屏视觉层 —— 用真实机器照替代视频（CSS 层实现）
   说明：页面内容层暂不动（REST 保存受 128MB 内存上限阻断，待 CEO 裁）；
   本块把 YouTube iframe 隐藏，并把实拍照片作为首屏底图，文字与照片用遮罩分离
   ============================================================ */

/* 1) 关掉背景视频（iframe 不再占据首屏） */
html body #post-649 .jh-hero__video{ display:none !important; }

/* 2) 首屏底图 = 媒体库实拍（2471×1275 客户洁净车间产线） */
html body #post-649 .jh-hero{
  background-color:#070B14 !important;
  background-image:none !important; /* 2026-10-20: 正文 <img> 已铺满首屏，去掉重复背景图省 101KB */
  background-size:cover !important;
  background-position:66% 50% !important;
  background-repeat:no-repeat !important;
}

/* 3) 状态角标（内容层无节点，用伪元素实现） */
html body #post-649 .jh-hero::before{
  content:"Line in production  ·  Shenzhen";
  position:absolute; left:clamp(16px,4vw,52px); top:130px; z-index:2;
  display:inline-flex; align-items:center;
  border:1px solid rgba(255,255,255,.26); border-radius:999px; background:rgba(5,8,15,.55);
  color:#E7EEF7; font-size:11px; line-height:1; font-weight:650; letter-spacing:.09em;
  text-transform:uppercase; padding:9px 14px;
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}
@media (max-width:1119px){
  html body #post-649 .jh-hero::before{ top:112px; }
}
@media (max-width:767px){
  html body #post-649 .jh-hero{ background-position:52% 38% !important; }
  html body #post-649 .jh-hero::before{ display:none !important; }
}

/* ============================================================
   v2c · 2026-10-18：首屏遮罩补强 —— 顶部压暗，保证覆盖式导航（header）
   在实拍照片上依然可读（只改首屏 ::after，不含任何 header 选择器）
   ============================================================ */
html body #post-649 .jh-hero::after{
  background:
    linear-gradient(180deg, rgba(4,7,13,.90) 0%, rgba(4,7,13,.58) 6%, rgba(4,7,13,.14) 16%, rgba(4,7,13,0) 26%),
    radial-gradient(78% 92% at 8% 46%, rgba(4,7,13,.72) 0%, rgba(4,7,13,.30) 52%, rgba(4,7,13,0) 78%),
    linear-gradient(90deg, rgba(4,7,13,.95) 0%, rgba(4,7,13,.84) 24%, rgba(4,7,13,.48) 50%, rgba(4,7,13,.12) 76%, rgba(4,7,13,.42) 100%),
    linear-gradient(0deg, rgba(4,7,13,.80) 0%, rgba(4,7,13,.18) 34%, rgba(4,7,13,0) 62%) !important;
}
@media (max-width:767px){
  html body #post-649 .jh-hero::after{
    background:
      linear-gradient(180deg, rgba(4,7,13,.92) 0%, rgba(4,7,13,.66) 6%, rgba(4,7,13,.18) 14%, rgba(4,7,13,0) 22%),
      linear-gradient(0deg, rgba(4,7,13,.97) 0%, rgba(4,7,13,.88) 40%, rgba(4,7,13,.46) 66%, rgba(4,7,13,.20) 100%) !important;
  }
}

/* ============================================================
   v2d · 2026-10-18：超宽屏构图修正
   ≥1600px（CEO 常用 40–50% 缩放 ≈ 1400–3200 有效视口）时，
   1200 居中容器会在大屏左侧留出大片空黑 → 改为「文字贴左 + 照片主导」
   ============================================================ */
@media (min-width:1600px){
  html body #post-649 .jh-hero__inner{
    width:100% !important;
    max-width:none !important;
    grid-template-columns:minmax(0,760px) 1fr !important;
    padding-left:clamp(64px,5.4vw,176px) !important;
    padding-right:clamp(64px,5.4vw,176px) !important;
  }
  html body #post-649 .jh-hero__copy{ max-width:760px !important; }
  html body #post-649 .jh-hero__media img,
  html body #post-649 .jh-hero{ background-position:52% 50% !important; }
}

/* ============================================================
   v2e · 2026-10-18：角标与正文左缘对齐（超宽屏下不再贴屏幕边）
   ============================================================ */
html body #post-649 .jh-hero::before{
  left:clamp(16px,4vw,52px);
}
@media (min-width:1600px){
  html body #post-649 .jh-hero::before{
    left:clamp(64px,5.4vw,176px) !important;
  }
}

/* ============================================================
   v3 · 2026-10-18（第二轮）：按 CEO 四点反馈修正
   ① 左侧渐变过黑 → 遮罩改轻，远左露出照片，只在文字列做柔和暗带
   ② 去掉「Watch factory tour」按钮（已在内容层删除，这里做兜底）
   ③ 页眉菜单看不清 → 首页 header 改为浅色毛玻璃条（不改字色，其它页不受影响）
   ④ 语言选项白药丸太突出 → 融进菜单，去掉底色/边框/圆角
   ============================================================ */

/* ① 遮罩改轻：四层叠黑 → 三层，逐个降低透明度 */
html body #post-649 .jh-hero::after{
  background:
    linear-gradient(180deg, rgba(4,7,13,.86) 0%, rgba(4,7,13,.46) 8%, rgba(4,7,13,.08) 18%, rgba(4,7,13,0) 26%),
    radial-gradient(72% 88% at 22% 48%, rgba(4,7,13,.58) 0%, rgba(4,7,13,.44) 42%, rgba(4,7,13,.12) 72%, rgba(4,7,13,0) 88%),
    linear-gradient(90deg, rgba(4,7,13,.30) 0%, rgba(4,7,13,.38) 30%, rgba(4,7,13,.22) 52%, rgba(4,7,13,.06) 74%, rgba(4,7,13,.16) 100%),
    linear-gradient(0deg, rgba(4,7,13,.56) 0%, rgba(4,7,13,.10) 34%, rgba(4,7,13,0) 62%) !important;
}

/* ② 兜底：即使内容层残留也不显示播放按钮 */
html body #post-649 .jh-hero__side{ display:none !important; }

/* ③ 首页页眉：浅色毛玻璃条（只作用于首页，其它页面完全不变；不动字体颜色） */
body.home .ct-header [data-row]{
  background:rgba(255,255,255,.90) !important;
  -webkit-backdrop-filter:blur(16px) saturate(160%);
  backdrop-filter:blur(16px) saturate(160%);
  box-shadow:0 1px 0 rgba(15,23,42,.10);
}
body.home .ct-header .ct-container{ border-bottom:0 !important; }
body.home .ct-header .ct-menu-link{ color:#243244 !important; }

/* ④ 语言切换器：融进菜单（去白底/边框/圆角，字色与菜单一致） */
body.home .trp-language-switcher{
  background:transparent !important; border:0 !important;
  border-radius:0 !important; padding:0 !important;
}
body.home .trp-language-switcher > div{ padding:0 !important; }
body.home .trp-language-item{ color:#243244 !important; padding:6px 8px !important; }
body.home .trp-language-item-name{
  color:#243244 !important; font-size:13px !important; font-weight:600 !important; letter-spacing:.01em;
}
body.home .trp-shortcode-arrow{ color:#243244 !important; opacity:.6 !important; }
body.home .trp-flag-image{ border-radius:2px; }

/* 手机端：遮罩以下重上轻为主，远左不再压黑 */
@media (max-width:767px){
  html body #post-649 .jh-hero::after{
    background:
      linear-gradient(180deg, rgba(4,7,13,.62) 0%, rgba(4,7,13,.26) 10%, rgba(4,7,13,0) 20%),
      linear-gradient(0deg, rgba(4,7,13,.94) 0%, rgba(4,7,13,.82) 38%, rgba(4,7,13,.34) 66%, rgba(4,7,13,.10) 100%) !important;
  }
}

/* ============================================================
   v3b · 2026-10-18：修「状态角标重影」
   成因：内容层里还有一枚 .jh-hero__chip，它在 .jh-hero__media（z-index:-2）
   的层叠上下文内，被遮罩压暗 → 与 ::before 那枚并排出现，像重影。
   处置：内容层那枚隐藏，统一由 ::before 一枚显示（文案一致），
        并按断点与正文左缘对齐。
   ============================================================ */
html body #post-649 .jh-hero__chip{ display:none !important; }

html body #post-649 .jh-hero::before{
  content:"Line in production  ·  Shenzhen" !important;
  left:clamp(16px,4vw,52px) !important;
  top:130px !important;
}
html body #post-649 .jh-hero::after{ content:"" !important; }

@media (min-width:1600px){
  html body #post-649 .jh-hero::before{ left:clamp(64px,5.4vw,176px) !important; }
}
@media (max-width:1119px){
  html body #post-649 .jh-hero::before{ top:112px !important; }
}
@media (max-width:767px){
  html body #post-649 .jh-hero::before{ display:none !important; }
}

/* ============================================================
   v4 · 2026-10-18（第三轮）：修下拉菜单「深底 + 深蓝字」
   根因：v3 的 body.home .ct-header .ct-menu-link{color:#243244} 作用域过宽，
        把下拉面板（深底 rgb(17,21,24)）里的菜单项一起改成了深蓝字 ⇒ 几乎看不见。
   处置：只给「一级菜单」深色；下拉面板内保持浅色字（与全站其它页一致），hover 用品牌橙。
   ============================================================ */

/* ① 一级菜单：只在顶部浅色条上取深色字 */
body.home .ct-header .menu > li > a.ct-menu-link{
  color:#243244 !important;
}
body.home .ct-header .menu > li > a.ct-menu-link:hover,
body.home .ct-header .menu > li > a.ct-menu-link:focus{
  color:#C2410C !important;
}

/* ② 下拉面板：面板保持深色，文字恢复浅色（回滚 v3 的误伤） */
body.home .ct-header .sub-menu .ct-menu-link,
body.home .ct-header .sub-menu a{
  color:#F1F5F9 !important;
}
body.home .ct-header .sub-menu .ct-menu-link:hover,
body.home .ct-header .sub-menu .ct-menu-link:focus,
body.home .ct-header .sub-menu a:hover,
body.home .ct-header .sub-menu a:focus{
  color:#FDBA74 !important;
}
/* 当前所在项在下拉里也用浅色，避免被主题的高亮色压掉 */
body.home .ct-header .sub-menu .current-menu-item > a,
body.home .ct-header .sub-menu .ct-current-menu-item > a{
  color:#FFFFFF !important;
}

/* ③ 移动端抽屉：面板是浅底，链接保持深色（显式写死，避免继承到下拉的浅色） */
@media (max-width:999px){
  body.home .ct-panel .ct-menu-link,
  body.home .ct-panel .menu > li > a.ct-menu-link{
    color:#243244 !important;
  }
}

/* ============================================================
   v5 · 2026-10-18（第四轮）：首页内容满宽 + 列数自适应（CEO 准做）
   作用域：仅 #post-649（首页），不动主题容器 ⇒ 产品/文章/公司页 0 影响
   要点：
     1) 内容宽度 1200 固定 → 视口驱动（桌面 100%-96px / 平板 100%-64px / 手机 100%-32px）
     2) 首屏不动（排除 .jh-hero__inner，保持已定稿构图）
     3) 产品网格列数：≥2000 六列一行｜1000–1999 三列｜768–999 两列｜≤767 单列（不变）
     4) 长文段落限宽 + logo 墙/指标行限宽，避免大屏行过长与瓷砖过稀
   ============================================================ */

/* ① 内容宽度：只有非首屏的 .jh-wrap 放宽 */
html body #post-649 .jh-wrap:not(.jh-hero__inner){
  width:calc(100% - 96px) !important;
  max-width:none !important;
  margin-inline:auto !important;
}
@media (max-width:1099px){
  html body #post-649 .jh-wrap:not(.jh-hero__inner){ width:calc(100% - 64px) !important; }
}
@media (max-width:767px){
  html body #post-649 .jh-wrap:not(.jh-hero__inner){ width:calc(100% - 32px) !important; }
}

/* ② 产品网格列数自适应（6 张卡：6 / 3 / 2 / 1 都能整除） */
html body #post-649 .jh-grid{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:24px !important;
}
@media (max-width:1999px){
  html body #post-649 .jh-grid{ grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
}
@media (max-width:999px){
  html body #post-649 .jh-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
}
@media (max-width:767px){
  html body #post-649 .jh-grid{ grid-template-columns:1fr !important; gap:12px !important; }
}

/* ③ 标题行：宽屏下右侧说明栏放宽，避免左侧标题被挤 */
@media (min-width:1600px){
  html body #post-649 .jh-head{ grid-template-columns:minmax(0,1fr) minmax(320px,640px) !important; gap:64px !important; }
}

/* ④ 长文限宽：大屏不让一行文字拉太长（阅读舒适度） */
html body #post-649 .jh-head__lead{ max-width:56ch !important; }
html body #post-649 .jh-faq__intro > p{ max-width:46ch !important; }
html body #post-649 .jh-faq__list details p{ max-width:78ch !important; }
html body #post-649 .jh-factory__copy > p{ max-width:60ch !important; }
html body #post-649 .jh-card__desc{ max-width:52ch; }

/* ⑤ 客户 logo 墙与指标行：限宽居中，避免宽屏瓷砖过大/过稀 */
html body #post-649 .jh-wall,
html body #post-649 .jh-metrics{
  max-width:1400px !important;
  margin-inline:auto !important;
}

/* v5b · 2026-10-18：产品卡跨行等高（3 列两行时上下两排卡高不一致） */
html body #post-649 .jh-grid{ grid-auto-rows:1fr !important; }

/* v5c · 2026-10-18：修正 v5b 在手机端的副作用
   手机卡片是「左图右文」布局，图片按行高定宽；grid-auto-rows:1fr 会让图片被撑宽、压住文字。
   ⇒ 等高只用于 ≥768px（桌面/平板），手机恢复 auto。 */
html body #post-649 .jh-grid{ grid-auto-rows:auto !important; }
@media (min-width:768px){
  html body #post-649 .jh-grid{ grid-auto-rows:1fr !important; }
}

/* ============================================================
   v6 · 2026-10-18：修「手机端产品卡图片撑破卡片、压住文字」
   根因（既有缺陷，非本次放宽引入）：手机卡片是 grid 112px + 1fr，
   图片容器被 stretch 拉到整卡高度，再按 aspect-ratio 1/1 反推出宽度 153px
   ⇒ 超出 112px 列宽，压住右侧文字（带规格参数 chips 的卡片必现）。
   处置：媒体列固定、图片容器按列宽走、body 允许收缩。
   ============================================================ */
@media (max-width:767px){
  html body #post-649 .jh-card{
    grid-template-columns:112px minmax(0,1fr) !important;
    align-items:start !important;
  }
  html body #post-649 .jh-card__media{
    width:100% !important;
    height:auto !important;
    aspect-ratio:1 / 1 !important;
    align-self:start !important;
    padding:14px !important;
    overflow:hidden;
  }
  html body #post-649 .jh-card__media img{
    width:100% !important;
    height:100% !important;
    max-width:100% !important;
    object-fit:contain !important;
  }
  html body #post-649 .jh-card__body{ min-width:0 !important; }
  html body #post-649 .jh-card__desc{ display:none !important; }
  html body #post-649 .jh-specs{ flex-wrap:wrap; }
}
/* ============================================================
   JHIMS 首页 · 工厂区视频播放（2026-10-18）
   作用域：仅 #post-649 + 一个 body 级模态层 .jh-vmodal
   由 hp-motion.js 自动接线：给 .jh-factory__media 加播放按钮，
   点击在本页弹出 16:9 播放器（youtube-nocookie，点击才加载 iframe）
   ============================================================ */

/* —— 播放按钮 + 底部压暗（只在这张图上） —— */
html body #post-649 .jh-factory__media.jh-video{
  position:relative;
  cursor:pointer;
}
html body #post-649 .jh-factory__media.jh-video::after{
  content:"";
  position:absolute; inset:0; z-index:2;
  background:linear-gradient(0deg, rgba(4,7,13,.62) 0%, rgba(4,7,13,.12) 46%, rgba(4,7,13,0) 72%);
  pointer-events:none;
}
html body #post-649 .jh-factory__media.jh-video:focus-visible{
  outline:2px solid #F97316;
  outline-offset:3px;
}
html body #post-649 .jh-video__play{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  z-index:3; display:inline-flex; align-items:center; gap:10px;
  padding:12px 22px 12px 14px; border-radius:999px;
  background:rgba(249,115,22,.96); color:#0B1220;
  font-size:15px; font-weight:700; line-height:1; letter-spacing:.01em;
  box-shadow:0 12px 34px rgba(0,0,0,.42);
  transition:transform .18s ease, background-color .18s ease;
}
html body #post-649 .jh-video__play svg{ width:26px; height:26px; flex:0 0 auto; }
html body #post-649 .jh-video__play em{ font-style:normal; }
html body #post-649 .jh-factory__media.jh-video:hover .jh-video__play{
  transform:translate(-50%,-50%) scale(1.045);
  background:#FB8A3C;
}
/* 角标（ISO 9001）抬到按钮之上，避免被压 */
html body #post-649 .jh-factory__media.jh-video .jh-factory__badge{ z-index:4; }

@media (max-width:767px){
  html body #post-649 .jh-video__play{ padding:10px 16px 10px 12px; font-size:13px; gap:8px; }
  html body #post-649 .jh-video__play svg{ width:22px; height:22px; }
}

/* —— 本页播放器（模态层，body 级，不能被 #post-649 作用域包住） —— */
.jh-vmodal{
  position:fixed; inset:0; z-index:2147483000;
  display:flex; align-items:center; justify-content:center;
  padding:24px;
  background:rgba(4,7,13,.88);
  -webkit-backdrop-filter:blur(7px); backdrop-filter:blur(7px);
  opacity:0; transition:opacity .18s ease;
}
.jh-vmodal.is-open{ opacity:1; }
.jh-vmodal__box{
  position:relative; width:min(1120px,100%);
  background:#0B1220; border-radius:12px; overflow:hidden;
  box-shadow:0 30px 90px rgba(0,0,0,.6);
  transform:translateY(10px) scale(.99); transition:transform .18s ease;
}
.jh-vmodal.is-open .jh-vmodal__box{ transform:none; }
.jh-vmodal__frame{ position:relative; width:100%; aspect-ratio:16 / 9; background:#000; }
.jh-vmodal__frame iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.jh-vmodal__close{
  position:absolute; right:10px; top:10px; z-index:2;
  width:40px; height:40px; border:0; border-radius:50%;
  background:rgba(255,255,255,.94); color:#0B1220;
  font-size:22px; line-height:1; cursor:pointer;
  display:grid; place-items:center;
  box-shadow:0 4px 14px rgba(0,0,0,.3);
}
.jh-vmodal__close:hover{ background:#fff; }

@media (max-width:767px){
  .jh-vmodal{ padding:12px; }
  .jh-vmodal__close{ width:36px; height:36px; font-size:20px; right:8px; top:8px; }
}

/* v7b · 2026-10-18：播放按钮文案不换行（手机 390 下曾折成两行） */
html body #post-649 .jh-video__play{ white-space:nowrap; }
@media (max-width:400px){
  html body #post-649 .jh-video__play{ padding:9px 14px 9px 10px; font-size:12.5px; }
}

/* v9 · 2026-10-18：工厂区改为「视频封面图」后，容器比例调成 16:9（视频帧标准），
   避免 4:3 方框把 2.4:1 的封面两端裁掉过多 */
html body #post-649 .jh-factory__media img{
  aspect-ratio:16 / 9 !important;
  object-fit:cover !important;
  object-position:50% 50% !important;
}
@media (max-width:767px){
  html body #post-649 .jh-factory__media img{ aspect-ratio:16 / 9 !important; }
}
/* ============================================================
   v10 · 2026-10-18（第五轮·方案 C）：排版系统化 + 首屏光影重排 + 微交互 + SVG 精致化
   作用域：仅 #post-649（首页）；首屏/其它页不受影响
   ============================================================ */

/* ---------- ① 排版 token（收敛成 6 档字号 / 3 档行高 / 3 档字距） ---------- */
html body #post-649{
  --jhfs-micro:12px;    /* 小标 / 标签 */
  --jhfs-sm:14px;       /* 辅助文字 */
  --jhfs-base:16px;     /* 正文 */
  --jhfs-h3:19px;       /* 卡片标题 */
  --jhfs-h2:clamp(26px,2.35vw,36px);
  --jhfs-h1:clamp(34px,3.85vw,56px);
  --jhlh-tight:1.06;
  --jhlh-snug:1.18;
  --jhlh-body:1.62;
  --jhls-tight:-.025em;
  --jhls-normal:0;
  --jhls-wide:.085em;
  --jhspace-1:8px; --jhspace-2:16px; --jhspace-3:24px; --jhspace-4:40px;
  --jhspace-5:64px; --jhspace-6:96px; --jhspace-7:120px;
}

html body #post-649 .jh-hero h1{
  font-size:var(--jhfs-h1) !important;
  line-height:var(--jhlh-tight) !important;
  letter-spacing:var(--jhls-tight) !important;
  font-weight:650 !important;
  text-wrap:balance;
}
html body #post-649 h2{
  font-size:var(--jhfs-h2) !important;
  line-height:var(--jhlh-snug) !important;
  letter-spacing:-.02em !important;
  font-weight:650 !important;
  text-wrap:balance;
}
html body #post-649 h3{
  font-size:var(--jhfs-h3) !important;
  line-height:1.32 !important;
  letter-spacing:-.012em !important;
  font-weight:620 !important;
}
html body #post-649 .jh-eyebrow{
  font-size:var(--jhfs-micro) !important;
  line-height:1.2 !important;
  letter-spacing:var(--jhls-wide) !important;
  font-weight:700 !important;
}
html body #post-649 .jh-kicker{
  font-size:11.5px !important;
  letter-spacing:var(--jhls-wide) !important;
  font-weight:700 !important;
}
html body #post-649 .jh-hero__lead{
  font-size:clamp(16px,1.15vw,18px) !important;
  line-height:var(--jhlh-body) !important;
  letter-spacing:var(--jhls-normal) !important;
  max-width:54ch !important;
}
html body #post-649 .jh-head__lead,
html body #post-649 .jh-factory__copy > p,
html body #post-649 .jh-faq__intro > p{
  font-size:var(--jhfs-base) !important;
  line-height:var(--jhlh-body) !important;
}
html body #post-649 .jh-card__desc{
  font-size:var(--jhfs-sm) !important;
  line-height:1.58 !important;
  max-width:46ch;
}
html body #post-649 .jh-faq__list details p{
  font-size:var(--jhfs-base) !important;
  line-height:var(--jhlh-body) !important;
  max-width:68ch !important;
}

/* 数字统一等宽，避免跳动与参差 */
html body #post-649 .jh-proof strong,
html body #post-649 .jh-stats strong,
html body #post-649 .jh-metric__value,
html body #post-649 .jh-metrics strong{ font-variant-numeric:tabular-nums; }

/* ---------- ② 分区节奏：从“每段 96px”改成有轻重的呼吸 ---------- */
html body #post-649 .jh-section{ padding:var(--jhspace-7) 0 !important; }          /* 核心 120 */
html body #post-649 .jh-section.jh-cases,
html body #post-649 .jh-section.jh-customers{ padding:var(--jhspace-6) 0 !important; } /* 次要 96 */
html body #post-649 .jh-factory{ padding:112px 0 !important; }
html body #post-649 .jh-ctaband{ padding:0 0 128px !important; }
html body #post-649 .jh-head{ margin-bottom:56px !important; }
html body #post-649 .jh-eyebrow{ margin-bottom:14px !important; }
html body #post-649 .jh-head__lead{ max-width:52ch !important; }

/* ---------- ③ 首屏光影重排：左暗右亮不再两极化 ---------- */
html body #post-649 .jh-hero{
  background-position:60% 46% !important;
}
html body #post-649 .jh-hero::after{
  background:
    /* 顶部只为浅色页眉留一点过渡，几乎不再压照片 */
    linear-gradient(180deg, rgba(4,7,13,.42) 0%, rgba(4,7,13,.16) 9%, rgba(4,7,13,0) 18%),
    /* 文字列柔和暗带（更小更淡） */
    radial-gradient(64% 82% at 18% 48%, rgba(4,7,13,.52) 0%, rgba(4,7,13,.34) 46%, rgba(4,7,13,.04) 82%, rgba(4,7,13,0) 94%),
    /* 左右渐变：左 0.42→右 0，右下角轻微回收 */
    linear-gradient(90deg, rgba(4,7,13,.42) 0%, rgba(4,7,13,.30) 32%, rgba(4,7,13,.12) 56%, rgba(4,7,13,0) 76%, rgba(4,7,13,.12) 100%),
    /* 底部浅回收 */
    linear-gradient(0deg, rgba(4,7,13,.40) 0%, rgba(4,7,13,.05) 30%, rgba(4,7,13,0) 56%),
    /* 右侧中间调“提亮”，解决半幅死黑 */
    radial-gradient(120% 96% at 66% 44%, rgba(255,255,255,.10) 0%, rgba(255,255,255,.035) 46%, rgba(255,255,255,0) 72%) !important;
}

/* ---------- ④ 细线 SVG 图标（首屏数据条）：描边动画 ---------- */
html body #post-649 .jh-ic{
  width:22px; height:22px;
  color:#FDB877;
  margin:0 0 10px;
  display:block;
  opacity:.9;
}
html body #post-649 .jh-ic .jh-ic__p{
  stroke-dasharray:1;
  stroke-dashoffset:1;
  pathLength:1;
  transition:stroke-dashoffset 1.05s cubic-bezier(.22,.61,.36,1);
}
html body #post-649 .jh-proof.is-in .jh-ic__p,
html body #post-649 .jh-ic.is-in .jh-ic__p{ stroke-dashoffset:0; }
html body #post-649 .jh-proof li:nth-child(2) .jh-ic__p{ transition-delay:.09s; }
html body #post-649 .jh-proof li:nth-child(3) .jh-ic__p{ transition-delay:.18s; }
html body #post-649 .jh-proof li:nth-child(4) .jh-ic__p{ transition-delay:.27s; }

/* ---------- ⑤ 入场动效（JS 打 is-in；默认只在有 JS 时才隐藏） ---------- */
html body #post-649 [data-jh-reveal]{
  opacity:0;
  transform:translateY(16px);
  transition:opacity .72s cubic-bezier(.22,.61,.36,1), transform .72s cubic-bezier(.22,.61,.36,1);
  transition-delay:var(--jh-d,0ms);
  will-change:opacity,transform;
}
html body #post-649 [data-jh-reveal].is-in{
  opacity:1;
  transform:none;
}
html body #post-649 [data-jh-reveal].is-in{ will-change:auto; }

/* ---------- ⑥ 微交互：卡片 / 按钮 / 链接 / 客户墙 ---------- */
html body #post-649 .jh-card{
  transition:transform .28s cubic-bezier(.22,.61,.36,1), box-shadow .28s ease, border-color .28s ease;
}
html body #post-649 .jh-card:hover{
  transform:translateY(-3px);
  border-color:#D9E1EA;
  box-shadow:0 18px 40px rgba(11,18,32,.12);
}
html body #post-649 .jh-card__media img{
  transition:transform .5s cubic-bezier(.22,.61,.36,1);
}
html body #post-649 .jh-card:hover .jh-card__media img{ transform:scale(1.035); }
html body #post-649 .jh-card__media{ overflow:hidden; }
html body #post-649 .jh-link span{ transition:transform .22s ease; }
html body #post-649 .jh-card:hover .jh-link span{ transform:translateX(4px); }
/* 卡片顶部细线在 hover 时从中心展开 */
html body #post-649 .jh-card{ position:relative; }
html body #post-649 .jh-card::before{
  content:""; position:absolute; left:0; right:0; top:0; height:2px;
  background:linear-gradient(90deg,#F97316,#FDBA74);
  transform:scaleX(0); transform-origin:50% 50%;
  transition:transform .34s cubic-bezier(.22,.61,.36,1);
  z-index:2;
}
html body #post-649 .jh-card:hover::before{ transform:scaleX(1); }

/* 主按钮：光泽扫过 + 箭头位移 */
html body #post-649 .jh-btn{ position:relative; overflow:hidden; }
html body #post-649 .jh-btn--primary::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.38) 48%,transparent 62%);
  transform:translateX(-120%);
  transition:transform .62s ease;
  pointer-events:none;
}
html body #post-649 .jh-btn--primary:hover::after{ transform:translateX(120%); }

/* 客户 logo 墙 hover：轻微提亮 + 描边 */
html body #post-649 .jh-tile{
  transition:transform .26s ease, box-shadow .26s ease, background-color .26s ease;
}
html body #post-649 .jh-tile:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 24px rgba(11,18,32,.10), inset 0 0 0 1px rgba(249,115,22,.35);
  background-color:#fff;
}

/* ---------- ⑦ FAQ 加号 → 真 SVG 旋转 ---------- */
html body #post-649 .jh-plus{
  width:20px; height:20px; color:#64748B;
  transition:transform .3s cubic-bezier(.22,.61,.36,1), color .3s ease;
}
html body #post-649 .jh-faq__list details[open] .jh-plus{
  transform:rotate(135deg);
  color:#C2410C;
}
html body #post-649 .jh-plus__v,
html body #post-649 .jh-plus__h{ transition:opacity .25s ease; }

/* ---------- ⑧ 收尾 CTA：极淡网格缓慢漂移（几乎不可察觉的“活”） ---------- */
html body #post-649 .jh-ctaband{
  position:relative;
  background-image:
    linear-gradient(rgba(15,23,42,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,23,42,.045) 1px, transparent 1px) !important;
  background-size:56px 56px, 56px 56px !important;
  background-position:0 0, 0 0;
  animation:jhGridDrift 34s linear infinite;
}
@keyframes jhGridDrift{
  from{ background-position:0 0, 0 0; }
  to{ background-position:56px 56px, 56px 56px; }
}

/* ---------- ⑨ 首屏滚动提示（JS 注入 .jh-scrollhint） ---------- */
.jh-scrollhint{
  position:absolute; left:50%; bottom:26px; transform:translateX(-50%);
  z-index:3; display:flex; flex-direction:column; align-items:center; gap:8px;
  color:rgba(255,255,255,.62); font-size:10.5px; letter-spacing:.16em; text-transform:uppercase;
  pointer-events:none;
}
.jh-scrollhint i{
  display:block; width:1px; height:34px;
  background:linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,0));
  animation:jhHint 2.4s ease-in-out infinite;
  transform-origin:top center;
}
@keyframes jhHint{
  0%,100%{ transform:scaleY(.35); opacity:.35; }
  50%{ transform:scaleY(1); opacity:.9; }
}
@media (max-width:767px){ .jh-scrollhint{ display:none; } }

/* ---------- ⑩ 无障碍：尊重减少动效 ---------- */
@media (prefers-reduced-motion: reduce){
  html body #post-649 [data-jh-reveal]{ opacity:1 !important; transform:none !important; transition:none !important; }
  html body #post-649 .jh-ic .jh-ic__p{ stroke-dashoffset:0 !important; transition:none !important; }
  html body #post-649 .jh-ctaband{ animation:none !important; }
  .jh-scrollhint i{ animation:none !important; }
  html body #post-649 .jh-card,
  html body #post-649 .jh-card__media img,
  html body #post-649 .jh-btn--primary::after,
  html body #post-649 .jh-plus{ transition:none !important; }
  html body #post-649 .jh-card:hover{ transform:none !important; }
  html body #post-649 .jh-card:hover .jh-card__media img{ transform:none !important; }
}
/* ============================================================
   v11 · 2026-10-18（第六轮）：案例区新增「客户视频·可信度」模块
   作用域：仅 #post-649（首页）
   设计：左侧深色"播放屏"（无假缩略图，避免图文不符）+ 右侧信任文案与精美按钮
   ============================================================ */

html body #post-649 .jh-proofvid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:56px;
  align-items:center;
  margin-top:44px;
  padding-top:44px;
  border-top:1px solid var(--jh-line, #E2E8F0);
}

/* —— 左：播放屏 —— */
html body #post-649 .jh-proofvid__screen{
  position:relative;
  display:block;
  aspect-ratio:16 / 9;
  border-radius:12px;
  overflow:hidden;
  cursor:pointer;
  background:
    radial-gradient(120% 120% at 20% 0%, rgba(37,99,235,.22), transparent 55%),
    radial-gradient(100% 120% at 90% 100%, rgba(249,115,22,.18), transparent 60%),
    linear-gradient(160deg,#0B1220 0%,#0E1726 55%,#111A27 100%);
  box-shadow:0 18px 44px rgba(11,18,32,.22), inset 0 0 0 1px rgba(255,255,255,.07);
  transition:transform .3s cubic-bezier(.22,.61,.36,1), box-shadow .3s ease;
}
html body #post-649 .jh-proofvid__screen:hover{
  transform:translateY(-3px);
  box-shadow:0 26px 60px rgba(11,18,32,.30), inset 0 0 0 1px rgba(249,115,22,.35);
}
html body #post-649 .jh-proofvid__screen:focus-visible{
  outline:2px solid #F97316; outline-offset:4px;
}
html body #post-649 .jh-proofvid__grid{
  position:absolute; inset:0; opacity:.5;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size:44px 44px, 44px 44px;
  mask-image:radial-gradient(120% 100% at 50% 40%, #000 30%, transparent 78%);
  -webkit-mask-image:radial-gradient(120% 100% at 50% 40%, #000 30%, transparent 78%);
}
html body #post-649 .jh-proofvid__chip{
  position:absolute; left:16px; top:16px; z-index:3;
  display:inline-flex; align-items:center; gap:7px;
  padding:7px 12px; border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(5,8,15,.55);
  color:#E7EEF7; font-size:10.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px);
}
html body #post-649 .jh-proofvid__chip i{
  width:6px; height:6px; border-radius:50%; background:#22C55E;
  box-shadow:0 0 0 3px rgba(34,197,94,.22);
}
html body #post-649 .jh-proofvid__play{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  z-index:3; display:grid; place-items:center;
  width:74px; height:74px; border-radius:50%;
  background:rgba(249,115,22,.96); color:#0B1220;
  box-shadow:0 14px 36px rgba(0,0,0,.42), 0 0 0 0 rgba(249,115,22,.45);
  transition:transform .26s cubic-bezier(.22,.61,.36,1), box-shadow .26s ease;
}
html body #post-649 .jh-proofvid__play svg{ width:30px; height:30px; margin-left:4px; }
html body #post-649 .jh-proofvid__screen:hover .jh-proofvid__play{
  transform:translate(-50%,-50%) scale(1.07);
  box-shadow:0 18px 46px rgba(0,0,0,.5), 0 0 0 12px rgba(249,115,22,.16);
}
html body #post-649 .jh-proofvid__caption{
  position:absolute; left:18px; right:18px; bottom:16px; z-index:3;
  display:flex; flex-direction:column; gap:4px;
}
html body #post-649 .jh-proofvid__caption strong{
  color:#fff; font-size:15px; font-weight:650; letter-spacing:-.01em;
  text-shadow:0 1px 14px rgba(0,0,0,.55);
}
html body #post-649 .jh-proofvid__caption small{
  color:#A9BACB; font-size:12px; letter-spacing:.01em;
}

/* —— 右：信任文案 —— */
html body #post-649 .jh-proofvid__copy h3{
  margin:0 0 14px;
  font-size:clamp(21px,1.7vw,26px) !important;
  line-height:1.26 !important;
  letter-spacing:-.018em !important;
  font-weight:650 !important;
  text-wrap:balance;
}
html body #post-649 .jh-proofvid__copy > p{
  margin:0 0 18px;
  color:var(--jh-slate-500, #55677C);
  font-size:var(--jhfs-base, 16px);
  line-height:var(--jhlh-body, 1.62);
  max-width:56ch;
}
html body #post-649 .jh-proofvid__copy .jh-checks{
  margin:0 0 26px;
  display:grid; gap:10px;
}
html body #post-649 .jh-proofvid__copy .jh-checks li{
  color:var(--jh-slate-700, #334155);
  font-size:14.5px; line-height:1.5;
}
html body #post-649 .jh-proofvid__actions{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
}
html body #post-649 .jh-proofvid__actions .jh-btn{
  min-height:52px; padding:0 24px; gap:10px; font-size:15px;
}
html body #post-649 .jh-proofvid__actions .jh-btn svg{ width:20px; height:20px; }
html body #post-649 .jh-proofvid__hint{
  color:var(--jh-slate-400, #94A3B8); font-size:12px; letter-spacing:.01em;
}

/* —— 响应式 —— */
@media (max-width:1119px){
  html body #post-649 .jh-proofvid{ grid-template-columns:1fr; gap:32px; margin-top:36px; padding-top:36px; }
  html body #post-649 .jh-proofvid__play{ width:62px; height:62px; }
  html body #post-649 .jh-proofvid__play svg{ width:26px; height:26px; }
}
@media (max-width:767px){
  html body #post-649 .jh-proofvid{ gap:24px; }
  html body #post-649 .jh-proofvid__caption{ left:14px; right:14px; bottom:12px; }
  html body #post-649 .jh-proofvid__caption strong{ font-size:13.5px; }
  html body #post-649 .jh-proofvid__caption small{ font-size:11px; }
  html body #post-649 .jh-proofvid__actions .jh-btn{ width:100%; justify-content:center; }
  html body #post-649 .jh-proofvid__hint{ display:none; }
}

/* —— 减少动效 —— */
@media (prefers-reduced-motion: reduce){
  html body #post-649 .jh-proofvid__screen,
  html body #post-649 .jh-proofvid__play{ transition:none !important; }
  html body #post-649 .jh-proofvid__screen:hover{ transform:none !important; }
}

/* v11b · 2026-10-18：修正案例视频模块里勾选要点的配色
   根因：站点基础规则 .jh-checks li 为深色区设计的 #D5DFEB !important（浅底上几乎不可见），
         v11 的浅色版覆盖不了 !important ⇒ 本条加 !important 并换橙色勾。
   影响面：仅 .jh-proofvid__copy 内（工厂区深底那份保持不变）。 */
html body #post-649 .jh-proofvid__copy .jh-checks li{
  color:#334155 !important;
  font-size:14.5px !important;
  line-height:1.55 !important;
}
html body #post-649 .jh-proofvid__copy .jh-checks li::before{
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F97316' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E") !important;
  opacity:1 !important;
}
html body #post-649 .jh-proofvid__copy .jh-eyebrow{
  color:#C2410C !important;
  margin-bottom:12px !important;
}

/* ============================================================
   v12 · 2026-10-18（CEO 令：首页不要放大播放器，只给链接+按钮）
   1) 关闭 v11 的大播放屏模块样式（内容已移除，防回填）
   2) 案例区底部改为「左说明 + 右两个按钮」的紧凑布局
   ============================================================ */
html body #post-649 .jh-proofvid{ display:none !important; }

/* —— 案例区底部：紧凑双按钮 + 一行可信说明 —— */
html body #post-649 .jh-casefoot{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
  flex-wrap:wrap !important;
  margin-top:40px !important;
  padding-top:28px !important;
  border-top:1px solid var(--jh-line, #E2E8F0) !important;
}
html body #post-649 .jh-casefoot__meta{ display:flex; flex-direction:column; gap:6px; min-width:0; }
html body #post-649 .jh-casefoot__meta > p{
  margin:0 !important;
  color:var(--jh-slate-500,#55677C) !important;
  font-size:13px !important;
  letter-spacing:.02em !important;
  text-transform:none !important;
}
html body #post-649 .jh-casefoot__meta > span{
  color:var(--jh-slate-600,#475569);
  font-size:14px;
  line-height:1.55;
  max-width:56ch;
}
html body #post-649 .jh-casefoot__actions{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
}
html body #post-649 .jh-casefoot__actions .jh-btn{
  min-height:48px; padding:0 20px; gap:9px; font-size:14.5px;
}
html body #post-649 .jh-casefoot__actions .jh-btn svg{ width:18px; height:18px; }
/* 主按钮上的播放图标保持实心三角居中 */
html body #post-649 .jh-casefoot__actions .jh-btn--primary svg{ margin-left:1px; }

@media (max-width:900px){
  html body #post-649 .jh-casefoot{ flex-direction:column; align-items:flex-start !important; gap:18px !important; }
  html body #post-649 .jh-casefoot__actions{ width:100%; }
}
@media (max-width:767px){
  html body #post-649 .jh-casefoot__actions{ flex-direction:column; align-items:stretch; }
  html body #post-649 .jh-casefoot__actions .jh-btn{ width:100%; justify-content:center; }
}

/* ============================================================
   v13 · 2026-10-18（CEO 令：案例区重新设计，提升"会不会点"）
   设计逻辑：
     · 数据卡升级：数字更大更硬、标签微缩大写、卡内节奏重排
     · 视频入口改为「一条深色证明条」横贯区块：整条可点、右侧橙色 Play 视频，
       文案给出"看什么 + 为什么值得看 + 不用注册"，把点击动机放在数字正下方
   作用域：仅 #post-649
   ============================================================ */

/* —— 数据卡升级 —— */
html body #post-649 .jh-metrics{
  gap:20px !important;
  margin-top:36px !important;
}
html body #post-649 .jh-metric{
  position:relative;
  padding:28px 26px 26px !important;
  border:1px solid var(--jh-line,#E2E8F0) !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:0 1px 2px rgba(11,18,32,.05);
  transition:transform .28s cubic-bezier(.22,.61,.36,1), box-shadow .28s ease;
}
html body #post-649 .jh-metric::before{
  content:""; position:absolute; left:26px; top:0; width:40px; height:2px;
  background:linear-gradient(90deg,#F97316,#FDBA74); border-radius:2px;
}
html body #post-649 .jh-metric:hover{
  transform:translateY(-2px);
  box-shadow:0 16px 36px rgba(11,18,32,.10);
}
html body #post-649 .jh-metric__value{
  font-size:clamp(32px,2.6vw,44px) !important;
  line-height:1 !important;
  letter-spacing:-.03em !important;
  font-weight:680 !important;
  color:var(--jh-brand-700,#C2410C) !important;
}
html body #post-649 .jh-metric__label{
  margin-top:12px !important;
  font-size:11.5px !important;
  line-height:1.2 !important;
  letter-spacing:.1em !important;
  text-transform:uppercase !important;
  font-weight:700 !important;
  color:var(--jh-slate-600,#475569) !important;
}
html body #post-649 .jh-metric p{
  margin:12px 0 0 !important;
  font-size:14px !important;
  line-height:1.55 !important;
  color:var(--jh-slate-500,#55677C) !important;
  max-width:34ch;
}

/* —— 视频证明条（整条可点） —— */
html body #post-649 .jh-vbar{
  display:flex !important;
  align-items:center;
  gap:20px;
  margin-top:26px;
  padding:18px 22px;
  border-radius:14px;
  text-decoration:none !important;
  color:#fff !important;
  background:
    radial-gradient(90% 140% at 8% 0%, rgba(249,115,22,.22), transparent 55%),
    linear-gradient(110deg,#0B1220 0%,#101A28 52%,#0C1421 100%);
  box-shadow:0 14px 34px rgba(11,18,32,.20), inset 0 0 0 1px rgba(255,255,255,.06);
  transition:transform .28s cubic-bezier(.22,.61,.36,1), box-shadow .28s ease;
}
html body #post-649 .jh-vbar:hover{
  transform:translateY(-2px);
  box-shadow:0 22px 48px rgba(11,18,32,.26), inset 0 0 0 1px rgba(249,115,22,.4);
}
html body #post-649 .jh-vbar:focus-visible{ outline:2px solid #F97316; outline-offset:3px; }
html body #post-649 .jh-vbar__play{
  flex:0 0 auto;
  display:grid; place-items:center;
  width:54px; height:54px; border-radius:50%;
  background:#F97316; color:#0B1220;
  box-shadow:0 10px 26px rgba(249,115,22,.34);
  transition:transform .26s cubic-bezier(.22,.61,.36,1), box-shadow .26s ease;
}
html body #post-649 .jh-vbar__play svg{ width:24px; height:24px; margin-left:3px; }
html body #post-649 .jh-vbar:hover .jh-vbar__play{
  transform:scale(1.06);
  box-shadow:0 14px 34px rgba(249,115,22,.46), 0 0 0 10px rgba(249,115,22,.12);
}
html body #post-649 .jh-vbar__text{ display:flex; flex-direction:column; gap:5px; min-width:0; }
html body #post-649 .jh-vbar__text strong{
  color:#fff; font-size:16.5px; font-weight:650; letter-spacing:-.012em;
}
html body #post-649 .jh-vbar__text small{
  color:#9FB0C2; font-size:12.5px; line-height:1.45;
}
html body #post-649 .jh-vbar__cta{
  margin-left:auto; display:flex; flex-direction:column; align-items:flex-end; gap:6px; flex:0 0 auto;
}
html body #post-649 .jh-vbar__pill{
  display:inline-flex; align-items:center; gap:8px;
  padding:11px 20px; border-radius:999px;
  background:#F97316; color:#0B1220;
  font-size:14px; font-weight:700; letter-spacing:.01em; white-space:nowrap;
}
html body #post-649 .jh-vbar:hover .jh-vbar__pill{ background:#FB8A3C; }
html body #post-649 .jh-vbar__note{
  color:#7E90A4; font-size:11px; letter-spacing:.02em;
}
html body #post-649 .jh-vbar__sub{
  margin:12px 0 0 !important;
  color:var(--jh-slate-500,#55677C) !important;
  font-size:13px !important;
}
html body #post-649 .jh-vbar__sub a{
  color:var(--jh-brand-700,#C2410C) !important;
  font-weight:600; text-decoration:none; border-bottom:1px solid rgba(194,65,12,.28);
}
html body #post-649 .jh-vbar__sub a:hover{ border-bottom-color:#C2410C; }

/* 旧底部行样式关闭（内容已换） */
html body #post-649 .jh-casefoot{ display:none !important; }

/* —— 响应式 —— */
@media (max-width:900px){
  html body #post-649 .jh-vbar{ flex-wrap:wrap; gap:16px; padding:18px; }
  html body #post-649 .jh-vbar__cta{ margin-left:0; align-items:flex-start; width:100%; }
  html body #post-649 .jh-vbar__pill{ width:100%; justify-content:center; }
}
@media (max-width:767px){
  html body #post-649 .jh-metric{ padding:22px 20px 20px !important; }
  html body #post-649 .jh-metric::before{ left:20px; }
  html body #post-649 .jh-vbar{ margin-top:18px; }
  html body #post-649 .jh-vbar__play{ width:46px; height:46px; }
  html body #post-649 .jh-vbar__play svg{ width:20px; height:20px; }
  html body #post-649 .jh-vbar__text strong{ font-size:15px; }
  html body #post-649 .jh-vbar__note{ display:none; }
}
@media (prefers-reduced-motion: reduce){
  html body #post-649 .jh-vbar,html body #post-649 .jh-vbar__play,html body #post-649 .jh-metric{ transition:none !important; }
  html body #post-649 .jh-vbar:hover,html body #post-649 .jh-metric:hover{ transform:none !important; }
}

/* ============================================================
   v14 · 2026-10-18（CEO：案例区没有动画）→ 给该区块补三层动效
   ① 数据卡：入场后顶部橙线从 0 长到 40px + 数字落位微弹
   ② 证明条：播放键常驻脉冲环（吸睛、提示可点）+ 药丸高光周期性扫过
   ③ 整条 + 下方链接参与滚动入场（JS 侧补 reveal 分组）
   全部在 prefers-reduced-motion 下关闭
   ============================================================ */

html body #post-649 .jh-metric::before{ width:0 !important; }
html body #post-649 .jh-metric.is-in::before{
  width:40px !important;
  transition:width .72s cubic-bezier(.22,.61,.36,1) .12s;
}
html body #post-649 .jh-metric.is-in .jh-metric__value{
  animation:jhMetricPop .72s cubic-bezier(.22,.61,.36,1) both;
  animation-delay:.06s;
}
@keyframes jhMetricPop{
  0%{ opacity:.4; transform:translateY(7px) scale(.985); }
  100%{ opacity:1; transform:none; }
}

html body #post-649 .jh-vbar{ position:relative; overflow:hidden; }
html body #post-649 .jh-vbar__play{ position:relative; }
html body #post-649 .jh-vbar__play::after{
  content:""; position:absolute; inset:-6px; border-radius:50%;
  border:1px solid rgba(249,115,22,.5);
  animation:jhRing 2.9s ease-out infinite;
  pointer-events:none;
}
@keyframes jhRing{
  0%{ transform:scale(.82); opacity:.85; }
  66%{ transform:scale(1.3); opacity:0; }
  100%{ transform:scale(1.3); opacity:0; }
}
html body #post-649 .jh-vbar__pill{ position:relative; overflow:hidden; }
html body #post-649 .jh-vbar__pill::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(105deg,transparent 34%,rgba(255,255,255,.55) 50%,transparent 66%);
  transform:translateX(-135%);
  animation:jhPillSweep 5.2s ease-in-out infinite;
  pointer-events:none;
}
@keyframes jhPillSweep{
  0%,70%{ transform:translateX(-135%); }
  86%{ transform:translateX(135%); }
  100%{ transform:translateX(135%); }
}
/* 证明条整体入场时轻微放大落位（reveal 的位移由 JS 组负责） */
html body #post-649 .jh-vbar.is-in{ animation:jhBarIn .78s cubic-bezier(.22,.61,.36,1) both; }
@keyframes jhBarIn{
  0%{ box-shadow:0 6px 18px rgba(11,18,32,.10), inset 0 0 0 1px rgba(249,115,22,.28); }
  100%{ box-shadow:0 14px 34px rgba(11,18,32,.20), inset 0 0 0 1px rgba(255,255,255,.06); }
}

@media (prefers-reduced-motion: reduce){
  html body #post-649 .jh-metric.is-in .jh-metric__value,
  html body #post-649 .jh-vbar__play::after,
  html body #post-649 .jh-vbar__pill::after,
  html body #post-649 .jh-vbar.is-in{ animation:none !important; }
  html body #post-649 .jh-metric.is-in::before{ transition:none !important; width:40px !important; }
}