/* 窄屏第二屏改为竖向时间轴。 */
.jby-ecosystem__value-chain-stage-tag{display:none}
@media(max-width:1199.98px){
  .jby-ecosystem__value-chain{min-height:0;padding:48px 0 56px;overflow:visible}
  .jby-ecosystem__value-chain-streak,.jby-ecosystem__value-chain-spark,.jby-ecosystem__value-chain-arrow,.jby-ecosystem__value-chain-line,.jby-ecosystem__value-chain-detail{display:none}
  .jby-ecosystem__value-chain-head{width:min(100% - 48px,720px);margin:auto}
  .jby-ecosystem__value-chain-head h2{font-size:36px}
  .jby-ecosystem__value-chain-head>div span{width:72px}
  .jby-ecosystem__value-chain-stage{width:min(100% - 48px,720px);height:auto;min-height:0;margin:24px auto 0;overflow:visible}
  .jby-ecosystem__value-chain-nodes{position:relative;display:flex;flex-direction:column;inset:auto}
  .jby-ecosystem__value-chain-node{position:relative;top:auto;left:auto!important;z-index:1;display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-rows:auto auto auto auto;align-items:center;width:100%;min-width:0;column-gap:14px;row-gap:4px;padding:10px 16px 32px 4px;border:0;border-radius:16px;background:transparent;box-shadow:none;text-align:left;transform:none!important}
  .jby-ecosystem__value-chain-node:hover,.jby-ecosystem__value-chain-node.is-active{z-index:2;transform:none!important}
  .jby-ecosystem__value-chain-node.is-active{background:rgba(255,255,255,.94);box-shadow:0 10px 24px rgba(50,79,140,.08)}
  .jby-ecosystem__value-chain-node.is-active .jby-ecosystem__value-chain-orb-wrap{transform:none}
  .jby-ecosystem__value-chain-node.is-active .jby-ecosystem__value-chain-title,.jby-ecosystem__value-chain-node.is-active .jby-ecosystem__value-chain-desc{visibility:visible}
  .jby-ecosystem__value-chain-no{grid-column:2;grid-row:1;margin:0;font-size:13px;font-style:normal;letter-spacing:.12em}
  .jby-ecosystem__value-chain-orb-wrap{grid-column:1;grid-row:1 / span 4;align-self:start;width:72px;height:72px;margin:2px auto 0}
  .jby-ecosystem__value-chain-orb{width:48px;height:48px}
  .jby-ecosystem__value-chain-orb svg{width:26px;height:26px}
  .jby-ecosystem__value-chain-pin{display:none}
  .jby-ecosystem__value-chain-title{grid-column:2;grid-row:2;margin:0;font-size:18px}
  .jby-ecosystem__value-chain-desc{grid-column:2;grid-row:3;font-size:14px;line-height:1.65;white-space:normal}
  .jby-ecosystem__value-chain-node.is-active .jby-ecosystem__value-chain-stage-tag{display:inline-flex;grid-column:2;grid-row:4;align-self:start;width:max-content;margin-top:6px;padding:5px 10px;border:1px solid rgba(117,116,255,.2);border-radius:999px;color:var(--value-tone);background:rgba(117,116,255,.08);font-size:12px;font-style:normal;font-weight:700}
  .jby-ecosystem__value-chain-node:not(:last-child):after{position:absolute;left:41px;top:82px;bottom:6px;width:2px;border-radius:99px;background:linear-gradient(180deg,var(--value-tone),rgba(109,163,255,.18));opacity:.4;content:"";pointer-events:none}
  .jby-ecosystem__value-chain-node:last-child{padding-bottom:12px}
}
@media(max-width:767.98px){
  .jby-ecosystem__value-chain{padding:40px 0 48px}
  .jby-ecosystem__value-chain-head{width:min(100% - 30px,560px);margin-left:auto;margin-right:auto;text-align:center}
  .jby-ecosystem__value-chain-head>div{justify-content:center}
  .jby-ecosystem__value-chain-head>div span{display:none}
  .jby-ecosystem__value-chain-head h2{font-size:28px}
  .jby-ecosystem__value-chain-head small{display:none}
  .jby-ecosystem__value-chain-stage{width:min(100% - 30px,560px);margin-top:18px}
  .jby-ecosystem__value-chain-node{grid-template-columns:68px minmax(0,1fr);column-gap:10px;padding:8px 12px 26px 0}
  .jby-ecosystem__value-chain-orb-wrap{width:60px;height:60px}
  .jby-ecosystem__value-chain-orb{width:42px;height:42px}
  .jby-ecosystem__value-chain-orb svg{width:22px;height:22px}
  .jby-ecosystem__value-chain-title{font-size:16px}
  .jby-ecosystem__value-chain-desc{font-size:13px}
  .jby-ecosystem__value-chain-node:not(:last-child):after{left:33px;top:70px}
}

/* 资源服务中心：窄屏改为「主图 + 竖排能力卡」，避免左右夹心挤压 */
@media (max-width: 767.98px) {
  .jby-ecosystem__resource {
    padding: 48px 0 56px;
    overflow: hidden;
  }
  .jby-ecosystem__resource .jby-ecosystem__container {
    width: 100%;
    max-width: 560px;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
  }
  .jby-ecosystem__resource .jby-ecosystem__section-head {
    margin-bottom: 20px;
  }
  .jby-ecosystem__resource .jby-ecosystem__section-head h2:before,
  .jby-ecosystem__resource .jby-ecosystem__section-head h2:after {
    display: none;
  }

  .jby-ecosystem__resource-network {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    align-items: stretch;
    gap: 12px;
    min-height: 0;
  }
  .jby-ecosystem__network-lines {
    display: none !important;
  }

  .jby-ecosystem__resource-core {
    display: none !important;
  }

  .jby-ecosystem__resource-list,
  .jby-ecosystem__resource-list--left,
  .jby-ecosystem__resource-list--right {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    width: 100% !important;
    padding: 0 !important;
    justify-self: stretch;
  }
  .jby-ecosystem__resource-list--left {
    -webkit-order: 2;
    order: 2;
  }
  .jby-ecosystem__resource-list--right {
    -webkit-order: 3;
    order: 3;
  }

  .jby-ecosystem__resource-list article,
  .jby-ecosystem__resource-list--left article,
  .jby-ecosystem__resource-list--right article {
    position: static !important;
    top: auto !important;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    gap: 14px;
    width: 100% !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(122, 166, 221, 0.16);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 6px 16px rgba(46, 96, 167, 0.07);
    -webkit-transform: none !important;
    transform: none !important;
  }
  .jby-ecosystem__resource-list article:hover,
  .jby-ecosystem__resource-list--left article:hover,
  .jby-ecosystem__resource-list--right article:hover {
    -webkit-transform: none !important;
    transform: none !important;
  }
  .jby-ecosystem__resource-list img {
    width: 44px !important;
    height: 44px !important;
    -webkit-flex: 0 0 44px;
    flex: 0 0 44px;
    object-fit: contain;
  }
  .jby-ecosystem__resource-list article > div {
    min-width: 0;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .jby-ecosystem__resource-list h3 {
    margin: 0 0 4px;
    color: #1d2a40;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
  }
  .jby-ecosystem__resource-list p {
    margin: 0;
    color: #66758f;
    font-size: 13px;
    line-height: 1.55;
  }
  .jby-ecosystem__resource-list p br {
    display: none;
  }
}

/* 各屏标题与描述：移动端统一字号、行距，并居中 */
@media (max-width: 767.98px) {
  .jby-ecosystem__section-head,
  .jby-ecosystem__value .jby-ecosystem__section-head,
  .jby-ecosystem__scenes .jby-ecosystem__section-head,
  .jby-ecosystem__resource .jby-ecosystem__section-head,
  .jby-ecosystem__value-chain-head {
    margin-bottom: 22px;
    text-align: center;
  }

  .jby-ecosystem__section-head h2,
  .jby-ecosystem__value .jby-ecosystem__section-head h2,
  .jby-ecosystem__scenes .jby-ecosystem__section-head h2,
  .jby-ecosystem__resource .jby-ecosystem__section-head h2,
  .jby-ecosystem__value-chain-head h2 {
    display: block;
    margin: 0 0 10px;
    color: #131b2c;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.28;
  }

  .jby-ecosystem__section-head h2:before,
  .jby-ecosystem__section-head h2:after,
  .jby-ecosystem__value .jby-ecosystem__section-head h2:before,
  .jby-ecosystem__value .jby-ecosystem__section-head h2:after,
  .jby-ecosystem__scenes .jby-ecosystem__section-head h2:before,
  .jby-ecosystem__scenes .jby-ecosystem__section-head h2:after,
  .jby-ecosystem__resource .jby-ecosystem__section-head h2:before,
  .jby-ecosystem__resource .jby-ecosystem__section-head h2:after {
    display: none;
  }

  .jby-ecosystem__section-head span,
  .jby-ecosystem__value .jby-ecosystem__section-head span,
  .jby-ecosystem__scenes .jby-ecosystem__section-head span,
  .jby-ecosystem__resource .jby-ecosystem__section-head span,
  .jby-ecosystem__value-chain-head p {
    display: block;
    max-width: 18.5em;
    margin: 0 auto;
    color: #66758f;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.65;
  }

  .jby-ecosystem__value-chain-head > div {
    justify-content: center;
    gap: 0;
  }
  .jby-ecosystem__value-chain-head > div span {
    display: none;
  }
  .jby-ecosystem__value-chain-head small {
    display: none;
  }
}