/* 产品页与官网公共组件衔接，正文样式限制在 prototype-page 内。 */
.prototype-restored .header { background:#fff; }
.prototype-restored .header .language-switch { top:.98rem; right:2.8rem; }
.prototype-restored .prototype-page {
  box-sizing:border-box;
  height:auto!important;
  min-height:0;
  min-width:0!important;
  width:100%;
  overflow:visible!important;
  padding-top:var(--prototype-header-height,58px)!important;
  text-align:left;
  font-family:"PingFang SC","Microsoft YaHei",sans-serif!important;
}
.prototype-page [hidden] { display:none!important; }
.prototype-page .prototype-nav-marker { height:0; }
.prototype-page nav.prototype-nav-pinned {
  position:fixed!important;
  top:calc(var(--prototype-header-height,58px) + 12px)!important;
  left:12px!important;
  right:12px!important;
  width:calc(100% - 24px)!important;
  max-width:920px;
  margin:0 auto!important;
  transform:none!important;
  z-index:80;
}
.prototype-page nav a { touch-action:manipulation; }
.prototype-page [role="tab"]:focus-visible,
.prototype-page a:focus-visible,
.prototype-page button:focus-visible { outline:2px solid #266dfb; outline-offset:3px; }
.prototype-page [id] { scroll-margin-top:var(--prototype-scroll-offset,140px); }
.prototype-page button.seevideo_btn { cursor:pointer; }
@media (prefers-reduced-motion:reduce) {
  .prototype-page * { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}
/* 原型已为桌面导航预留空间；移动端使用项目头部的实际高度。 */
@media (max-width:760px) {
  .prototype-page[data-product] .head { padding-top:0!important; }
  .prototype-page[data-product] .products-popup-actions .zixun,
  .prototype-page[data-product] .head .banner_info .tip-actions .zixun {
    width:auto;
    min-width:100px;
    margin:0;
    border:1px solid #b9d0f6;
    background:#fff;
    color:#266dfb;
  }
  .prototype-page[data-product] .products-popup-actions .zixun { min-width:120px; }
  .prototype-page .animated { animation:none!important; transform:none!important; opacity:1!important; }
}
@media (max-width:760px) {
  .prototype-page[data-product] .yingyong .yy_tabs {
    display:flex;
    flex-wrap:nowrap;
    justify-content:stretch;
    gap:8px;
    height:auto;
  }
  .prototype-page[data-product] .yingyong .yy_tabs span {
    flex:1;
    min-width:0;
    margin:0;
    padding:14px 4px;
    line-height:24px;
    text-align:center;
    cursor:pointer;
  }
  .prototype-page[data-product] .yingyong .yy_tabs span.active::after {
    left:20%;
    right:20%;
    width:auto;
  }
}
/* 首屏咨询按钮沿用原型的描边样式，与视频主按钮区分。 */
.prototype-restored .prototype-page[data-product] .head .banner_info .tip-actions button.zixun,
.prototype-restored .prototype-page[data-product] .products-popup-actions button.zixun {
  background:#fff!important;
  color:#266dfb!important;
  border:1px solid #b9d0f6!important;
}

/* 移动端统一导航到章节标题的间距：32px。 */
@media (max-width:760px) {
  .prototype-page[data-product] nav:not(.prototype-nav-pinned) { margin-bottom:0!important; }
  .prototype-page[data-product] .platform-section { padding-top:32px!important; }
  .prototype-page[data-product] :is(#tedian,#gongneng,#changjing,#anli) > .inner_1280 { padding-top:32px!important; }
  .prototype-page[data-product] #tedian .tedian_box { padding-top:24px!important; }

  /* 实时计算案例：三等分标签，独立于原型 span 的固定最小宽度。 */
  .prototype-page[data-product="stream"] #anli .yingyong { padding-top:24px; }
  .prototype-page[data-product="stream"] #anli .yy_tabs {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    height:auto;
    padding:0;
    border-bottom:1px solid #dce5ef;
  }
  .prototype-page[data-product="stream"] #anli .yy_tabs [role="tab"] {
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-width:0;
    min-height:48px;
    margin:0;
    padding:12px 4px;
    border:0;
    border-radius:0;
    background:transparent;
    color:#53657b;
    font:inherit;
    font-size:14px;
    line-height:24px;
    white-space:nowrap;
    cursor:pointer;
  }
  .prototype-page[data-product="stream"] #anli .yy_tabs [aria-selected="true"] { color:#266dfb; font-weight:500; }
  .prototype-page[data-product="stream"] #anli .yy_tabs [aria-selected="true"]::after {
    content:"";
    position:absolute;
    left:20%;
    right:20%;
    bottom:-1px;
    width:auto;
    height:2px;
    background:#266dfb;
  }

  /* 数据同步场景：内容保持完整，窄屏横向滑动。 */
  .prototype-page[data-product="dsync"] #changjing .lh-scene-tabs {
    display:flex;
    flex-wrap:nowrap!important;
    justify-content:flex-start;
    gap:24px;
    width:100%;
    max-width:100%;
    overflow-x:auto;
    overflow-y:hidden;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .prototype-page[data-product="dsync"] #changjing .lh-scene-tabs::-webkit-scrollbar { display:none; }
  .prototype-page[data-product="dsync"] #changjing .lh-scene-tab {
    flex:0 0 auto;
    max-width:none;
    padding:13px 0 16px;
    font-size:16px;
    line-height:26px;
    white-space:nowrap;
  }
  .prototype-page[data-product="dsync"] #changjing .lh-scene-tab[aria-selected="true"]::after { bottom:0; }
}
@media (max-width:760px) {
  /* 场景章节不再受原型固定高度与垂直居中影响。 */
  .prototype-page[data-product] #changjing {
    display:block!important;
    height:auto!important;
    min-height:0!important;
  }
}