/* 本体语义知识库：依据 2026-11-12 原型提取的正文样式。 */
.prototype-page {
  background-color: #fff;
  font-size: 14px;
  height: 100%;
  overflow-y: auto
}
.prototype-page {
  -webkit-tap-highlight-color: transparent;
  width: 100%
}
.prototype-page {
  -webkit-font-smoothing: antialiased;
  color: rgba(0,0,0,.65);
  font-family: PingFangSC-Regular,Helvetica,"Microsoft Yahei",Arial,sans-serif;
  position: relative;
  text-rendering: optimizelegibility
}
.prototype-page div {
  box-sizing: border-box
}
.prototype-page,
.prototype-page button,
.prototype-page h1,
.prototype-page h3,
.prototype-page h4,
.prototype-page p,
.prototype-page ul {
  margin: 0;
  padding: 0
}
.prototype-page button,
.prototype-page img {
  appearance: none;
  border-width: medium;
  border-style: none;
  border-color: currentcolor;
  border-image: none
}
.prototype-page a,
.prototype-page button,
.prototype-page h1,
.prototype-page h3,
.prototype-page h4 {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  line-height: inherit;
  outline: 0
}
.prototype-page a {
  text-decoration: none
}
.prototype-page ul {
  list-style: none
}
.prototype-page button {
  cursor: pointer
}
.prototype-page {
  background-color: #fff;
  min-height: 100%;
  min-width: 1280px;
  overflow: hidden auto;
  scroll-behavior: smooth
}
.prototype-page .head,
.prototype-page .head .banner_wrapper {
  position: relative;
  width: 100%
}
.prototype-page .head .banner_wrapper {
  height: 528px
}
.prototype-page .head .banner_wrapper .banner_info_wraper_dark {
  display: inline-block;
  height: 100%;
  left: 50%;
  margin-left: -640px;
  padding-left: 97px;
  position: absolute;
  width: 1280px
}
.prototype-page .head .banner_wrapper .banner_info_wraper_dark .banner_info {
  color: #000;
  position: absolute;
  top: 225px;
  width: 100%
}
.prototype-page .head .banner_wrapper .banner_info_wraper_dark .banner_info .main_title {
  font-size: 40px
}
.prototype-page .head .banner_wrapper .banner_info_wraper_dark .banner_info .sub_title {
  font-size: 16px;
  font-weight: 100;
  line-height: 24px;
  margin-top: 10px;
  width: 543px
}
.prototype-page .head .banner_wrapper .banner_info_wraper_dark .banner_info button {
  background: #266dfb;
  color: #fff;
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  margin-top: 24px;
  width: 160px
}
.prototype-page .head .banner_wrapper.shishi {
  background: #ecf3ff
}
.prototype-page .animated {
  animation-duration: 1s;
  animation-fill-mode: both
}
.prototype-page .animate__fadeInUp {
  animation-name: fadeInUp
}
.prototype-page .tedian {
  font-size: 0;
  text-align: left
}
.prototype-page .tedian li {
  background: #fff;
  border-radius: 4px;
  box-shadow: rgba(0,0,0,.05) 0 3px 10px 0;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 24px 24px 0;
  padding: 24px 20px 0;
  position: relative;
  text-align: center;
  vertical-align: middle
}
.prototype-page .tedian li:hover {
  box-shadow: rgba(0,30,91,.08) 0 6px 19px -5px,rgba(0,30,91,.06) 0 2px 4px 0,rgba(0,30,91,.04) 0 12px 24px 0
}
.prototype-page .tedian li img {
  width: 60px
}
.prototype-page .tedian li .title {
  color: #000;
  font-size: 20px;
  margin-top: 12px
}
.prototype-page .tedian li .content {
  font-size: 14px;
  line-height: 20px;
  margin-top: 6px
}
.prototype-page .tedian .three li {
  height: 194px;
  width: 384px
}
.prototype-page .tedian .three li:nth-child(3n) {
  margin-right: 0
}
.prototype-page .inner_1280 {
  display: inline-block;
  padding: 80px 40px 70px;
  width: 1280px
}
.prototype-page .shishi .shishi_content {
  text-align: center
}
.prototype-page .shishi .shishi_content .m_title {
  color: #091621;
  font-size: 30px;
  line-height: 33px
}
.prototype-page .shishi .shishi_content .md_1 {
  background-color: #f8f9fb;
  width: 100%
}
.prototype-page .shishi .shishi_content .md_1 .tedian_box {
  padding-top: 65px
}
.prototype-page .shishi .shishi_content .md_2 {
  background: #fff;
  width: 100%
}
.prototype-page .shishi .shishi_content .md_3 {
  background: url(/image/project/prototype-pages/26a51d02de9c7c.png) 0 0/cover no-repeat #fff;
  width: 100%
}
.prototype-page #changjing,
.prototype-page #gongneng {
  scroll-margin-top: 120px
}
.prototype-page #gongneng {
  background: #fff
}
.prototype-page #changjing {
  background: #f8f9fb
}
.prototype-page .lh-feature-list {
  counter-reset: lakehouse-feature 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
  list-style: none;
  margin: 0;
  padding: 56px 0 0
}
.prototype-page .lh-feature-row {
  align-items: center;
  box-sizing: border-box;
  counter-increment: lakehouse-feature 1;
  display: flex;
  flex-direction: row-reverse;
  gap: 44px;
  min-height: 360px;
  padding: 42px 0;
  text-align: left
}
.prototype-page .lh-feature-row + .lh-feature-row {
  border-top: 1px solid #e5eaf1
}
.prototype-page .lh-feature-copy {
  box-sizing: border-box;
  flex: 1 1 0px;
  min-width: 0
}
.prototype-page .lh-feature-copy::before {
  color: #2d6cff;
  content: counter(lakehouse-feature,decimal-leading-zero);
  display: block;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 24px
}
.prototype-page .lh-feature-copy h4 {
  color: #11397f;
  font-size: 28px;
  font-weight: 400;
  line-height: 1.3;
  margin: 0 0 18px
}
.prototype-page .lh-feature-copy p {
  color: #4f5f7a;
  font-size: 16px;
  line-height: 1.9;
  margin: 0;
  overflow-wrap: break-word
}
.prototype-page .lh-feature-media {
  align-items: center;
  display: flex;
  flex: 0 0 52%;
  justify-content: center;
  min-width: 0
}
.prototype-page .lh-feature-media img {
  display: block;
  height: auto;
  max-width: 560px;
  width: 100%
}
.prototype-page .lh-feature-row:nth-child(2n) {
  flex-direction: row
}
.prototype-page .lh-feature-row:nth-child(2n) .lh-feature-copy {
  padding-left: 40px
}
.prototype-page .lh-scenarios {
  padding-top: 56px
}
.prototype-page .lh-scene-tabs {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 42px;
  justify-content: center;
  border-bottom: 1px solid #e5e7eb;
  margin-bottom: 34px
}
.prototype-page .lh-scene-tab {
  align-items: center;
  background: 0 0;
  border-width: medium medium 2px;
  border-style: none none solid;
  border-color: currentcolor currentcolor transparent;
  border-image: none;
  border-radius: 0;
  box-sizing: border-box;
  color: #68798e;
  cursor: pointer;
  display: inline-flex;
  font-style: inherit;
  font-variant: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  font-size: 16px;
  justify-content: center;
  line-height: 26px;
  min-height: auto;
  min-width: auto;
  padding: 13px 0 16px;
  position: relative
}
.prototype-page .lh-scene-tab:hover {
  color: #266dfb
}
.prototype-page .lh-scene-tab[aria-selected=true] {
  background: 0 0;
  border-bottom-color: #266dfb;
  color: #266dfb;
  font-weight: 500
}
.prototype-page .lh-scene-tab:focus-visible {
  outline: #2d6cff solid 2px;
  outline-offset: 4px
}
.prototype-page .lh-scene-panel {
  margin-top: 32px;
  padding: 0 0 44px;
  text-align: left
}
.prototype-page .lh-scene-panel[hidden] {
  display: none
}
.prototype-page .lh-scene-copy {
  color: #4f5f7a;
  font-size: 16px;
  line-height: 1.9;
  margin: 0 auto;
  max-width: 900px
}
.prototype-page .lh-scene-copy p {
  margin: 0;
  text-align: left
}
.prototype-page .lh-scene-media {
  margin: 28px auto 0;
  max-width: 900px
}
.prototype-page .lh-scene-media img {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  width: auto
}
@media (max-width:768px) {
  .prototype-page #changjing,
  .prototype-page #gongneng {
    width: 100vw
  }
  .prototype-page #changjing > .inner_1280,
  .prototype-page #gongneng > .inner_1280 {
    box-sizing: border-box;
    width: calc(100% - 32px)
  }
  .prototype-page .lh-feature-list {
    gap: 16px;
    padding-top: 36px
  }
  .prototype-page .lh-feature-row,
  .prototype-page .lh-feature-row:nth-child(2n) {
    align-items: stretch;
    flex-direction: column-reverse;
    gap: 24px;
    min-height: 0;
    padding: 30px 0
  }
  .prototype-page .lh-feature-row:nth-child(2n) .lh-feature-copy {
    padding-left: 0
  }
  .prototype-page .lh-feature-copy h4 {
    font-size: 22px
  }
  .prototype-page .lh-feature-copy p,
  .prototype-page .lh-scene-copy {
    font-size: 14px;
    line-height: 1.8
  }
  .prototype-page .lh-scenarios {
    padding-top: 36px
  }
  .prototype-page .lh-scene-tabs {
    gap: 10px
  }
  .prototype-page .lh-scene-tab {
    min-width: 0;
    padding: 10px 16px
  }
  .prototype-page .lh-scene-panel {
    margin-top: 24px;
    padding-bottom: 24px
  }
}
.prototype-page[data-portal-route=product-stream] .lh-scene-copy p {
  text-align: left!important
}
.prototype-page[data-portal-route=product-stream] .lh-scene-panel {
  display: grid!important;
  grid-template-columns: 420px minmax(0,1fr)!important;
  gap: 64px!important;
  align-items: center!important;
  margin-top: 32px!important;
  padding: 16px 0 44px!important;
  text-align: left!important
}
.prototype-page[data-portal-route=product-stream] .lh-scene-copy {
  margin: 0!important;
  max-width: none!important;
  text-align: left!important
}
.prototype-page[data-portal-route=product-stream] .lh-scene-copy h4 {
  display: none!important
}
.prototype-page[data-portal-route=product-stream] .lh-scene-copy p {
  text-align: left!important
}
.prototype-page[data-portal-route=product-stream] .lh-scene-media {
  margin: 0!important;
  max-width: none!important
}
.prototype-page[data-portal-route=product-stream] .lh-scene-tabs {
  display: flex!important;
  justify-content: center!important;
  gap: 46px!important;
  margin: 0 0 34px!important;
  border-bottom: 1px solid #e5e7eb!important
}
.prototype-page[data-portal-route=product-stream] .lh-scene-tab {
  padding: 0 0 14px!important;
  margin: 0!important;
  border-width: medium!important;
  border-style: none!important;
  border-color: currentcolor!important;
  border-image: none!important;
  border-radius: 0!important;
  background: 0 0!important;
  font-size: 16px!important;
  font-weight: 500!important;
  color: #4b5563!important;
  position: relative!important
}
.prototype-page[data-portal-route=product-stream] .lh-scene-tab[aria-selected=true] {
  color: #266dfb!important;
  background: 0 0!important
}
.prototype-page[data-portal-route=product-stream] .lh-scene-tab[aria-selected=true]::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: #266dfb
}
.prototype-page[data-portal-route=product-stream] .lh-scene-panel[hidden] {
  display: none!important
}
.prototype-page[data-portal-route=product-stream] .site-scene-point {
  position: relative!important;
  padding-left: 28px!important;
  margin-bottom: 24px!important
}
.prototype-page[data-portal-route=product-stream] .site-scene-point::before {
  content: "✓"!important;
  position: absolute!important;
  left: 0!important;
  top: 2px!important;
  width: auto!important;
  height: auto!important;
  background: 0 0!important;
  border-radius: 0!important;
  color: #266dfb!important;
  font-size: 18px!important;
  font-weight: 700!important;
  line-height: 1!important;
  display: flex!important;
  align-items: center!important;
  justify-content: center!important
}
.prototype-page[data-portal-route=product-stream] .site-scene-point p {
  font-size: 16px!important;
  line-height: 1.6!important
}
.prototype-page .site-scene-point {
  margin-bottom: 24px!important
}
.prototype-page .site-scene-point strong {
  display: block!important;
  font-size: 17px!important;
  font-weight: 600!important;
  color: #10284a!important;
  margin-bottom: 8px!important;
  line-height: 1.4!important
}
.prototype-page .site-scene-point p {
  font-size: 15px!important;
  color: #6b7280!important;
  line-height: 1.6!important;
  margin: 0!important
}
.prototype-page,
.prototype-page * {
  font-family: "Keen PingFang SC","PingFang SC",苹方-简,sans-serif!important
}
.prototype-page {
  font-weight: 400;
  -webkit-font-smoothing: auto
}
.prototype-page .sub_title {
  font-weight: 400!important
}
.prototype-page {
  --site-ink: #10284a;
  --site-blue: #1769d2;
  --site-line: #dbe4ef;
  --site-soft: #f6f9fc
}
.prototype-page {
  max-width: 100%;
  overflow-x: clip
}
.prototype-page.scene-tabs .lh-scene-tabs {
  display: flex;
  justify-content: center;
  gap: 42px;
  margin: 0 0 34px;
  border-bottom: 1px solid var(--site-line)
}
.prototype-page.scene-tabs .lh-scene-tab {
  position: relative;
  min-width: 0;
  padding: 13px 0 16px;
  border: 0;
  border-radius: 0;
  background: 0 0;
  color: #68798e;
  font-size: 17px;
  line-height: 26px
}
.prototype-page.scene-tabs .lh-scene-tab[aria-selected=true] {
  color: #216dd7;
  font-weight: 600;
  box-shadow: none
}
.prototype-page.scene-tabs .lh-scene-tab[aria-selected=true]::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  background: #216dd7
}
.prototype-page .site-scene-showcase-copy {
  padding: 8px 34px 8px 0;
  text-align: left
}
.prototype-page .site-scene-showcase-copy h4 {
  margin: 0 0 26px;
  color: #10284a;
  font-size: 34px;
  line-height: 1.35;
  font-weight: 600
}
.prototype-page .site-scene-point {
  margin: 0 0 22px
}
.prototype-page .site-scene-point strong {
  display: block;
  position: relative;
  padding-left: 28px;
  color: #3a526e;
  font-size: 18px;
  line-height: 1.5;
  font-weight: 600
}
.prototype-page .site-scene-point strong::before {
  content: "✓";
  position: absolute;
  top: -1px;
  left: 0;
  color: #216dd7;
  font-size: 22px;
  font-weight: 700
}
.prototype-page .site-scene-point p {
  margin: 10px 0 0;
  color: #61738a;
  font-size: 16px;
  line-height: 1.85
}
.prototype-page.scene-tabs .lh-scene-panel {
  grid-template-columns: minmax(0,.94fr) minmax(0,1.06fr);
  gap: 64px;
  align-items: center;
  margin-top: 34px;
  padding: 12px 0 44px;
  text-align: left;
  display: grid!important
}
.prototype-page.scene-tabs .lh-scene-panel[hidden] {
  display: none!important
}
.prototype-page.scene-tabs .lh-scene-copy.site-scene-showcase-copy {
  max-width: none;
  margin: 0;
  text-align: left
}
.prototype-page.scene-tabs .lh-scene-copy.site-scene-showcase-copy p {
  text-align: left
}
.prototype-page.scene-tabs .lh-scene-media {
  max-width: none;
  margin: 0
}
.prototype-page.scene-tabs .lh-scene-media img {
  width: 100%;
  max-height: 420px;
  object-fit: contain;
  object-position: center center
}
@media (max-width:760px) {
  .prototype-page .site-scene-showcase-copy h4 {
    font-size: 24px
  }
}
@media (max-width:760px) {
  .prototype-page.scene-tabs .lh-scene-panel {
    grid-template-columns: 1fr;
    gap: 28px
  }
}
.prototype-page .head .banner_wrapper .banner_info_wraper_dark .banner_info button.zixun {
  background-color: #fff!important;
  color: #266dfb!important
}
.prototype-page .banner_info_wraper_dark .banner_info .zixun {
  margin-right: 12px;
  background-color: #fff!important;
  color: #266dfb!important;
  border: 1px solid #fff!important
}
.prototype-page .banner_info_wraper_dark .banner_info .zixun {
  background: #fff!important;
  color: #266dfb!important;
  border: 1px solid #266dfb!important;
  border-radius: 4px!important;
  height: 44px!important;
  line-height: 44px!important;
  padding: 0 32px!important;
  font-size: 16px!important;
  font-weight: 500!important;
  margin-right: 12px!important
}
.prototype-page {
  --demo-blue: #266dfb;
  --demo-ink: #10243b;
  --demo-text: #5c6c7f;
  --demo-soft: #f5f8fc;
  --demo-line: #e1e8f2;
  color-scheme: light
}
.prototype-page {
  scroll-behavior: smooth;
  scroll-padding-top: 90px
}
.prototype-page {
  color: var(--demo-ink)
}
.prototype-page img {
  max-width: 100%
}
.prototype-page a,
.prototype-page button {
  -webkit-tap-highlight-color: transparent
}
.prototype-page button {
  font: inherit
}
.prototype-page button:active {
  transform: translateY(1px)
}
.prototype-page [hidden] {
  display: none!important
}
@media (max-width:1099px) {
  .prototype-page {
    min-width: 0!important
  }
}
@media (prefers-reduced-motion:reduce) {
  .prototype-page {
    scroll-behavior: auto
  }
  .prototype-page * {
    animation: auto ease 0s 1 normal none running none!important;
    transition: none!important;
    scroll-behavior: auto!important
  }
}
@media (max-width:1099px) {
  .prototype-page {
    min-width: 0!important;
    max-width: 100%!important;
    width: 100%!important
  }
  .prototype-page .head {
    min-width: 0!important;
    max-width: 100%!important;
    width: 100%!important
  }
  .prototype-page .inner_1280 {
    box-sizing: border-box;
    width: calc(100% - 36px)!important;
    max-width: 100%!important;
    min-width: 0!important;
    margin-inline: auto!important
  }
  .prototype-page .head .banner_wrapper {
    min-width: 0!important;
    max-width: 100%!important;
    width: 100%!important
  }
  .prototype-page .head .banner_info_wraper_dark {
    box-sizing: border-box;
    width: 100%!important;
    max-width: 100%!important;
    min-width: 0!important;
    margin: 0!important;
    left: auto!important;
    transform: none!important
  }
  .prototype-page .head .banner_info {
    box-sizing: border-box;
    width: 100%!important;
    max-width: 100%!important;
    min-width: 0!important;
    padding-inline: 28px!important
  }
  .prototype-page .head .banner_info .main_title {
    width: auto!important;
    max-width: 100%!important
  }
  .prototype-page .head .banner_info .sub_title {
    width: min(540px,100%)!important;
    max-width: 100%!important
  }
}
@media (max-width:760px) {
  .prototype-page .head .banner_wrapper {
    height: auto!important;
    min-height: 440px!important;
    background-position: 65% bottom!important;
    background-size: auto 440px!important
  }
  .prototype-page .head .banner_info_wraper_dark {
    height: auto!important;
    position: relative!important;
    top: auto!important;
    display: block!important
  }
  .prototype-page .head .banner_info {
    padding: 42px 18px 150px!important;
    margin: 0!important;
    position: relative!important;
    top: auto!important;
    left: auto!important;
    transform: none!important;
    text-align: left!important;
    background: 0 0!important;
    display: block!important
  }
  .prototype-page .head .banner_info .main_title {
    font-size: 30px!important;
    line-height: 1.4!important;
    font-weight: 500!important;
    margin: 0 0 4px!important
  }
  .prototype-page .head .banner_info .sub_title {
    font-size: 16px!important;
    line-height: 1.8!important;
    margin: 16px 0 24px!important;
    color: #263f5e!important
  }
  .prototype-page .head .banner_info button.zixun {
    box-sizing: border-box;
    white-space: nowrap;
    font-size: 14px!important;
    line-height: 22px!important;
    width: auto!important;
    min-height: 42px!important;
    height: auto!important;
    padding: 10px 17px!important;
    display: inline-flex!important;
    align-items: center!important;
    margin: 0 10px 10px 0!important
  }
}
@media (max-width:1099px) {
  .prototype-page .head .banner_info_wraper_dark {
    padding: 0!important
  }
}
.prototype-page[data-portal-route=product-stream] {
  overflow: visible
}
.prototype-page[data-portal-route=product-stream] .shishi,
.prototype-page[data-portal-route=product-stream] .shishi_content {
  overflow: visible;
  background: #f8f9fb
}
.prototype-page .stream-section-nav {
  position: sticky;
  top: calc(var(--stream-header-height,64px) + 12px);
  z-index: 80;
  width: min(720px,100% - 48px);
  margin: 12px auto 24px;
  border: 1px solid #e9edf4;
  border-radius: 28px;
  box-sizing: border-box;
  background: #f8f9fb;
  box-shadow: rgba(23,52,92,.047) 0 8px 28px;
  isolation: isolate;
  overflow: hidden
}
.prototype-page .stream-section-rail {
  display: flex;
  align-items: stretch;
  gap: 0;
  overflow-x: auto;
  scrollbar-width: none
}
.prototype-page .stream-section-rail::-webkit-scrollbar {
  display: none
}
.prototype-page .stream-section-nav a {
  position: relative;
  display: flex;
  flex: 1 0 auto;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 12px 24px;
  box-sizing: border-box;
  color: #52667f;
  font-size: 15px;
  line-height: 24px;
  text-decoration: none;
  white-space: nowrap
}
.prototype-page .stream-section-nav a[aria-current] {
  color: #266dfb;
  background: #edf3ff
}
.prototype-page .stream-section-nav a[aria-current]::after {
  content: "";
  position: absolute;
  bottom: 5px;
  left: calc(50% - 16px);
  width: 32px;
  height: 2px;
  border-radius: 2px;
  background: #266dfb
}
.prototype-page .stream-section-nav a:hover {
  color: #266dfb;
  background: #f3f6ff
}
.prototype-page .stream-section-nav a:focus-visible {
  outline: #266dfb solid 2px;
  outline-offset: -4px
}
.prototype-page[data-portal-route=product-stream] :is(#tedian,#gongneng,#changjing,#anli) {
  scroll-margin-top: var(--stream-scroll-offset,152px)
}
@media (max-width:760px) {
  .prototype-page .stream-section-nav {
    width: calc(100% - 24px);
    margin-bottom: 16px
  }
  .prototype-page .stream-section-nav a {
    min-height: 48px;
    padding: 12px 18px;
    font-size: 14px
  }
}
.prototype-page[data-portal-route=product-stream] .site-scene-point strong::before {
  display: none!important
}
.prototype-page[data-portal-route=product-stream] .site-scene-point strong {
  padding-left: 0!important
}
@media (max-width:1099px) {
  .prototype-page[data-portal-route=product-stream] .head {
    padding-top: 64px
  }
}
@media (max-width:760px) {
  .prototype-page[data-portal-route=product-stream] .lh-scene-panel {
    flex-direction: column!important;
    align-items: stretch!important;
    gap: 24px!important;
    min-height: 0!important
  }
  .prototype-page[data-portal-route=product-stream] .lh-scene-copy,
  .prototype-page[data-portal-route=product-stream] .lh-scene-media {
    box-sizing: border-box;
    flex: 0 0 auto!important;
    width: 100%!important;
    max-width: 100%!important;
    min-width: 0!important;
    padding: 0!important
  }
}
@media (max-width:760px) {
  .prototype-page[data-portal-route=product-stream] .shishi_content .inner_1280 {
    box-sizing: border-box;
    width: calc(100% - 36px)!important;
    min-width: 0!important;
    padding-inline: 0!important;
    margin-inline: auto!important
  }
  .prototype-page[data-portal-route=product-stream] .lh-scene-panel {
    display: flex!important
  }
  .prototype-page[data-portal-route=product-stream] .tedian ul.three {
    grid-template-columns: minmax(0,1fr);
    gap: 20px;
    display: grid!important;
    padding: 0!important;
    margin: 0!important;
    width: 100%!important
  }
  .prototype-page[data-portal-route=product-stream] .tedian ul.three li {
    max-width: 100%;
    box-sizing: border-box;
    width: auto!important;
    height: auto!important;
    min-height: 0!important;
    margin: 0!important;
    padding: 24px!important
  }
}
.prototype-page[data-portal-route=product-stream] .head .banner_wrapper .banner_info button.zixun {
  background: #266dfb!important;
  color: #fff!important;
  border-color: #266dfb!important
}
@media (hover:hover) and (pointer:fine) {
  .prototype-page[data-portal-route=product-stream] #tedian .three > li {
    transition: transform .22s,box-shadow .22s
  }
  .prototype-page[data-portal-route=product-stream] #tedian .three > li:hover {
    transform: translateY(-6px);
    box-shadow: rgba(28,66,124,.12) 0 14px 30px,rgba(38,109,251,.16) 0 0 0 1px
  }
}
@media (prefers-reduced-motion:reduce) {
  .prototype-page[data-portal-route=product-stream] #tedian .three > li {
    transition: none
  }
  .prototype-page[data-portal-route=product-stream] #tedian .three > li:hover {
    transform: none
  }
}
.prototype-page[data-portal-route=product-stream] .shishi_content :is(#tedian,#gongneng,#changjing,#anli) {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  overflow-anchor: none;
  min-height: calc(100svh - var(--stream-header-height,64px) + 2px)
}
.prototype-page[data-portal-route=product-stream] :is(#tedian,#gongneng,#changjing,#anli) > .inner_1280 {
  padding-top: clamp(112px,12svh,136px);
  padding-bottom: clamp(72px,8svh,104px)
}
@media (max-width:760px) {
  .prototype-page[data-portal-route=product-stream] :is(#tedian,#gongneng,#changjing,#anli) > .inner_1280 {
    padding-top: 96px;
    padding-bottom: 56px
  }
}
.prototype-page[data-portal-route=product-stream] #tedian {
  background: #f8f9fb
}
.prototype-page[data-portal-route=product-stream] #gongneng {
  background: #fff
}
.prototype-page[data-portal-route=product-stream] #changjing {
  background: #f8f9fb
}
.prototype-page[data-portal-route=product-stream] .lh-scene-panel {
  min-height: 410px;
  box-sizing: border-box
}
@media (max-width:1099px) {
  .prototype-page[data-portal-route=product-stream] .lh-scene-panel {
    grid-template-columns: minmax(0,1fr) minmax(0,1.3fr)!important;
    gap: 28px!important
  }
}
@media (max-width:760px) {
  .prototype-page[data-portal-route=product-stream] .lh-scene-panel {
    display: flex!important;
    min-height: 520px!important
  }
  .prototype-page[data-portal-route=product-stream] .lh-scene-tabs {
    gap: 16px!important;
    flex-wrap: wrap!important
  }
  .prototype-page[data-portal-route=product-stream] .lh-scene-tab {
    max-width: 100%;
    white-space: normal;
    font-size: 14px!important
  }
}
.prototype-page[data-portal-route=product-stream],
.prototype-page[data-portal-route=product-stream] *,
.prototype-page[data-portal-route=product-stream] ::after,
.prototype-page[data-portal-route=product-stream] ::before {
  font-family: PingFangSC-Regular,Helvetica,"Microsoft Yahei",Arial,sans-serif!important;
  -webkit-font-smoothing: antialiased
}
.prototype-page[data-portal-route=product-stream] .head .banner_info .sub_title {
  letter-spacing: normal;
  word-spacing: 0;
  color: #000;
  text-rendering: optimizelegibility;
  font-size: 16px!important;
  font-weight: 100!important;
  line-height: 24px!important
}
.prototype-page[data-portal-route=product-stream] .head .banner_info .main_title {
  font-weight: 400
}
.prototype-page[data-portal-route=product-stream] .head .banner_info button.zixun {
  font-weight: 400!important;
  line-height: 40px!important
}
.prototype-page[data-portal-route=product-stream] #gongneng .lh-feature-copy h4 {
  font-size: 20px!important;
  font-weight: 400!important;
  line-height: normal!important
}
.prototype-page[data-portal-route=product-stream] #gongneng .lh-feature-copy p {
  font-size: 14px!important;
  font-weight: 400!important;
  line-height: 24px!important
}
.prototype-page[data-portal-route=product-stream] .head .banner_info .main_title {
  font-size: 40px;
  font-weight: 400!important
}
.prototype-page[data-portal-route=product-stream] .head .banner_info button.zixun {
  font-size: 16px!important
}
.prototype-page[data-portal-route=product-stream] .tedian .title {
  font-size: 20px;
  font-weight: 400;
  line-height: normal
}
.prototype-page[data-portal-route=product-stream] .tedian .content {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px
}
.prototype-page[data-portal-route=product-stream] .m_title {
  font-size: 30px;
  font-weight: 400;
  line-height: 33px
}
.prototype-page[data-portal-route=product-stream] #changjing .lh-scene-copy p {
  font-size: 14px!important;
  font-weight: 400!important;
  line-height: 26px!important
}
.prototype-page[data-portal-route=product-stream] .head .banner_wrapper.shishi {
  background: url(/image/project/ontology/hero-bg.webp) 50% 50%/cover no-repeat,#f2f6ff
}
.prototype-page[data-portal-route=product-stream] .head .banner_wrapper .banner_info_wraper_dark {
  left: 50%;
  width: 1143px;
  margin-left: -543px;
  padding-left: 0
}
.prototype-page[data-portal-route=product-stream] .head .banner_wrapper .banner_info_wraper_dark .banner_info {
  top: 184px;
  width: 480px
}
.prototype-page[data-portal-route=product-stream] .head .banner_wrapper .banner_info_wraper_dark .banner_info .sub_title {
  width: 480px
}
.prototype-page[data-portal-route=product-stream] .head .banner_wrapper .tip-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 40px;
  flex-wrap: wrap
}
.prototype-page[data-portal-route=product-stream] .head .banner_wrapper .tip-actions .tip-play,
.prototype-page[data-portal-route=product-stream] .head .banner_wrapper .tip-actions .zixun {
  position: static;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-width: 150px;
  padding: 0 24px;
  border-radius: 4px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  margin: 0!important;
  height: 46px!important
}
.prototype-page[data-portal-route=product-stream] .head .banner_wrapper .tip-actions .zixun {
  border: 1px solid #b9d0f6!important;
  background: #fff!important;
  color: #266dfb!important
}
.prototype-page[data-portal-route=product-stream] .head .banner_wrapper .tip-actions .zixun:hover {
  border-color: #266dfb!important;
  background: #f7faff!important
}
.prototype-page[data-portal-route=product-stream] .head .banner_wrapper .tip-actions .tip-play {
  border: 1px solid #266dfb;
  background: #266dfb;
  color: #fff;
  box-shadow: rgba(38,109,251,.1) 0 6px 20px
}
.prototype-page[data-portal-route=product-stream] .head .banner_wrapper .tip-actions .tip-play:hover {
  border-color: #155be3;
  background: #155be3
}
.prototype-page[data-portal-route=product-stream] .head .banner_wrapper .tip-actions .tip-play svg {
  display: block;
  flex: 0 0 auto;
  width: 17px;
  height: 17px;
  fill: currentcolor
}
.prototype-page[data-portal-route=product-stream] .head .banner_wrapper .tip-actions button:focus-visible {
  outline: #266dfb solid 2px;
  outline-offset: 4px
}
.prototype-page[data-portal-route=product-stream] .shishi_content #tedian {
  min-height: 0
}
.prototype-page[data-portal-route=product-stream] #tedian .inner_1280 {
  padding-top: 96px
}
.prototype-page[data-portal-route=product-stream] #gongneng .lh-feature-row + .lh-feature-row {
  border-top: 1px solid #d3dbe7
}
.prototype-page[data-portal-route=product-stream] .lh-scene-media .tp-scene-photo {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: none;
  border-radius: 8px;
  box-shadow: rgba(17,57,127,.1) 0 12px 32px
}
@media (max-width:1439px) {
  .prototype-page[data-portal-route=product-stream] .head .banner_wrapper.shishi {
    background-position: 50% 50%
  }
}
@media (max-width:1279px) {
  .prototype-page[data-portal-route=product-stream] .head .banner_wrapper.shishi {
    background-position: 66% 50%;
    background-size: cover
  }
  .prototype-page[data-portal-route=product-stream] .head .banner_wrapper .banner_info_wraper_dark {
    left: 0;
    width: 100%;
    margin-left: 0;
    padding-left: 40px;
    box-sizing: border-box
  }
  .prototype-page[data-portal-route=product-stream] .head .banner_wrapper .banner_info_wraper_dark .banner_info {
    width: 44vw
  }
  .prototype-page[data-portal-route=product-stream] .head .banner_wrapper .banner_info_wraper_dark .banner_info .sub_title {
    width: 100%
  }
  .prototype-page[data-portal-route=product-stream] .head .banner_wrapper .tip-actions .tip-play,
  .prototype-page[data-portal-route=product-stream] .head .banner_wrapper .tip-actions .zixun {
    min-width: 0;
    padding: 0 20px
  }
}
@media (max-width:900px) {
  .prototype-page[data-portal-route=product-stream] .head .banner_wrapper.shishi {
    box-sizing: border-box;
    height: auto!important;
    min-height: 0!important;
    padding: 36px 24px 0!important;
    background: linear-gradient(#f2f6ff,rgba(242,246,255,0) 34%) center bottom/100% 320px no-repeat,url(/image/project/ontology/hero-bg.webp) 91% bottom/auto 320px no-repeat,#f2f6ff!important
  }
  .prototype-page[data-portal-route=product-stream] .head .banner_wrapper .banner_info_wraper_dark {
    position: static!important;
    display: block!important;
    width: auto!important;
    height: auto!important;
    margin: 0!important;
    padding: 0 0 290px!important
  }
  .prototype-page[data-portal-route=product-stream] .head .banner_wrapper .banner_info_wraper_dark .banner_info {
    position: static!important;
    width: 100%!important;
    max-width: none!important;
    margin: 0!important;
    padding: 0!important;
    top: auto!important;
    transform: none!important
  }
  .prototype-page[data-portal-route=product-stream] .head .banner_wrapper .banner_info_wraper_dark .banner_info .sub_title {
    width: 100%!important;
    max-width: 560px!important
  }
  .prototype-page[data-portal-route=product-stream] .head .banner_wrapper .tip-actions {
    margin-top: 24px
  }
}