/*
 * NOTE: 字号/间距等 :root 令牌已迁至 adapt/adapt-laptop.css（全局先加载）。
 * 本文件继续放笔记本布局 !important 覆盖；改令牌请拖 adapt-laptop.css。
 */
/*
 * laptop-adapt-v2 — notebook-only (min-width:1024 + max-width:1440 + max-height)
 * Never apply below 1024 (mobile/tablet portrait).
 * L1 <=900 · L2 <=700 · L3 <=580
 */

:root { --av-nav-h: 64px; }

/* ========== L1 ========== */
@media (min-width: 1024px) and (max-width: 1440px) and (max-height: 900px) {
  :root {
    --av-nav-h: 52px;
    --av-btn-pad-y: 8px;
    --av-btn-pad-x: 18px;
    --av-fs-btn: 13px;
    --av-lh-btn: 1.3;
    --av-density-hero-h: 300px;
    --av-density-hero-pad-top: 56px;
    --av-density-section-y: 28px;
    --av-density-section-y-sm: 16px;
    --home-fold-h: 360px;
    --home-case-feature-h: 240px;
    --home-news-h: 400px;
    --home-banner-pad-l: calc(32px + 48px + 40px); /* arrow + size + gap */
    --site-gutter: 56px;
    --site-section-pad-y: 20px;
    --site-maxw: calc(100vw - 2 * var(--site-gutter));
  }

  /* 折叠窄导航态用移动端顶栏；笔记本密度仅作用于桌面横导航 */
  html:not(.av-narrow-nav) .navbar {
    height: var(--av-nav-h) !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  html:not(.av-narrow-nav) .navbar .logo-img { height: 28px !important; left: 28px !important; }
  /* 折叠横屏会同时命中本 L1 与 av-narrow-nav；窄导航态勿压扁抽屉/汉堡间距 */
  html:not(.av-narrow-nav) .navbar .nav-links > a,
  html:not(.av-narrow-nav) .navbar .nav-item > a { font-size: 13px !important; padding: 0 12px !important; }
  html:not(.av-narrow-nav) .navbar .nav-search { right: 28px !important; height: 32px !important; }
  html:not(.av-narrow-nav) .navbar .nav-search-trigger { width: 32px !important; height: 32px !important; }
  .navbar .dropdown-menu.mega-menu.mega-browse,
  .navbar .dropdown-menu.mega-menu.mega-sol,
  .navbar .dropdown-menu.mega-menu.mega-overview,
  .navbar .dropdown-menu.mega-menu.mega-cascade { top: var(--av-nav-h) !important; }
  body.has-nav-v2:not(.is-home) { padding-top: var(--av-nav-h) !important; }

  .ps-toolbar, .ph-toolbar, .pd-page .pd-subnav, .sol-hub-bar, .sol-detail-bar,
  .cs-page .cs-hub-bar, .cs-page .filter-section, .nw-page .news-filter-bar, .sub-nav {
    top: var(--av-nav-h) !important;
  }

  .av-btn-red, .slide-btn, .algo-d-cta:not(.algo-d-cta-outline),
  .detail-hero__cta .btn-consult, .sol-consult-cta .btn-consult,
  .jn-page .btn-primary, .sol-page .tech-cta .btn-primary,
  .sr-page .sr-more a, .imorepages a, .pd-page .pd-btn, .cat-link {
    padding: var(--av-btn-pad-y) var(--av-btn-pad-x) !important;
    font-size: var(--av-fs-btn) !important;
    line-height: var(--av-lh-btn) !important;
    border-radius: 6px !important;
    min-height: 0 !important;
  }

  .page-hero:not(.hub-panel--auto),
  .ph-hero:not(.hub-panel--auto),
  .ps-hero:not(.hub-panel--auto),
  .sol-hub-hero:not(.hub-panel--auto),
  .algo-hero:not(.hub-panel--auto),
  .about-hero:not(.hub-panel--auto) {
    height: var(--av-density-hero-h) !important;
    min-height: var(--av-density-hero-h) !important;
    max-height: var(--av-density-hero-h) !important;
  }
  .page-hero .inner, .ph-hero-inner, .sol-hub-hero .inner, .algo-hero .inner, .about-hero .inner {
    padding-top: var(--av-density-hero-pad-top) !important;
    padding-bottom: 16px !important;
  }

  /* ===== HOME panels ===== */
  body.is-home {
    --home-nav-h: var(--av-nav-h);
    --home-nav-clear: var(--av-nav-h);
    --home-fold-h: 360px;
    --home-case-feature-h: 240px;
    --home-panel-h: 100vh;
    --home-panel-h: 100dvh;
  }
  body.is-home .hero-carousel { min-height: 0 !important; }
  body.is-home .home-panel,
  body.is-home .hero-carousel.home-panel {
    box-sizing: border-box !important;
    height: var(--home-panel-h, 100dvh) !important;
    min-height: var(--home-panel-h, 100dvh) !important;
    max-height: var(--home-panel-h, 100dvh) !important;
    overflow: hidden !important;
  }
  body.is-home .hero-parallax { height: 100% !important; transform: none !important; }

  /* Banner: clear left arrow, vertically center copy */
  body.is-home .hero-carousel .carousel-arrow.prev { left: 24px !important; }
  body.is-home .hero-carousel .carousel-arrow.next { right: 24px !important; }
  body.is-home .hero-carousel .carousel-arrow {
    width: 40px !important;
    height: 40px !important;
  }
  body.is-home .hero-carousel .slide-content,
  body.is-home.has-home-fullpage .hero-carousel .slide-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    padding-top: var(--av-nav-h) !important;
    padding-bottom: 36px !important;
    padding-left: var(--home-banner-pad-l) !important;
    padding-right: var(--site-gutter, 24px) !important;
  }
  body.is-home .hero-carousel .slide-stack { max-width: min(580px, 50vw) !important; }
  body.is-home .hero-carousel .slide-stack .slide-title,
  body.is-home .hero-carousel .slide-content h1.slide-title,
  body.is-home .hero-carousel .slide-content p.slide-title {
    font-size: clamp(28px, 2.8vw, 36px) !important;
    line-height: 1.2 !important;
    min-height: 0 !important;
  }
  body.is-home .hero-carousel .slide-stack .slide-desc,
  body.is-home .hero-carousel .slide-content p.slide-desc {
    font-size: 14px !important;
    line-height: 1.55 !important;
    padding-top: 10px !important;
    margin-top: 0 !important;
    min-height: 0 !important;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    max-width: min(520px, 46vw) !important;
  }
  body.is-home .hero-carousel .slide-cta { margin-top: 16px !important; padding-top: 0 !important; }
  body.is-home .hero-carousel .slide-btn {
    padding: 8px 20px !important;
    font-size: 13px !important;
    max-width: 180px !important;
  }

  /* Products */
  body.is-home .home-products-section {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: var(--av-nav-h) 24px 16px !important;
  }
  body.is-home .home-products-head { margin-bottom: 14px !important; min-height: 0 !important; }
  body.is-home .home-products-head .home-section-lead { display: block !important; font-size: 13px !important; }
  /* 折叠窄导航态用 2×2 网格，勿再锁扇形高度（横屏会叠 L1 导致标题乱跳） */
  html:not(.av-narrow-nav) body.is-home .home-products-section .product-fold {
    height: var(--home-fold-h) !important;
    min-height: max(300px, var(--home-fold-h)) !important;
    max-height: var(--home-fold-h) !important;
  }
    /* notebook: 5 series per column (PC keeps 10) */
  body.is-home .pf-item.is-active .pf-pills.pf-pills--cols {
    grid-template-rows: repeat(5, auto) !important;
    column-gap: 24px !important;
    row-gap: 8px !important;
  }
    /* restore fold flex-grow animation（折叠 2×2 网格勿用扇形 flex-grow） */
  html:not(.av-narrow-nav) body.is-home .product-fold--four .pf-item {
    transition: flex-grow 0.42s cubic-bezier(0.33, 1, 0.68, 1) !important;
  }
  body.is-home .pf-item.is-active .pf-pills {
    transition:
      opacity 0.38s cubic-bezier(0.33, 1, 0.68, 1) 0.04s,
      transform 0.38s cubic-bezier(0.33, 1, 0.68, 1) 0.04s,
      visibility 0s linear 0s !important;
  }
    /* wider side gutters for products fold */
  body.is-home .home-products-section {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
  body.is-home .home-products-head,
  body.is-home .home-products-section .product-fold-wrap {
    max-width: min(var(--site-maxw), calc(100vw - 112px)) !important;
  }
  body.is-home .pf-pills { max-height: calc(var(--home-fold-h) - 56px) !important; gap: 6px !important; }
  body.is-home .home-products-foot { margin-top: 12px !important; }

  /* Solutions */
  body.is-home .home-sol-section {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: var(--av-nav-h) 24px 16px !important;
    overflow: hidden !important;
  }
  body.is-home .home-sol-section .home-section-head { margin-bottom: 12px !important; }
  body.is-home .home-sol-section .home-section-lead { display: block !important; font-size: 13px !important; }
  body.is-home .home-sol-card {
    aspect-ratio: 16 / 11 !important;
    min-height: 300px !important;
    max-height: none !important;
    height: auto !important;
  }
  body.is-home .home-sol-card-d {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
  }
  body.is-home .home-sol-card .home-sol-card-btn,
  body.is-home .home-sol-card a.btn,
  body.is-home .home-sol-card .btn-primary {
    padding: 7px 16px !important;
    font-size: 13px !important;
  }

  /* News: left feature height == right 2-row grid */
  body.is-home .home-news-section {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: var(--av-nav-h) 24px 16px !important;
  }
  body.is-home .home-news-section .home-section-head { margin-bottom: 12px !important; }
  body.is-home .home-news-section .home-section-lead { display: none !important; }
  body.is-home .home-news-inner { max-width: var(--site-maxw) !important; }
  body.is-home .home-news-wrap {
    display: grid !important;
    grid-template-columns: min(340px, 30vw) minmax(0, 1fr) !important;
    grid-template-rows: var(--home-news-h) !important;
    gap: 16px !important;
    align-items: stretch !important;
    height: var(--home-news-h) !important;
  }
  body.is-home .news-feature {
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    max-height: none !important;
    align-self: stretch !important;
  }
  body.is-home .home-news-grid {
    height: 100% !important;
    gap: 12px !important;
    grid-template-rows: 1fr 1fr !important;
    align-self: stretch !important;
  }
  body.is-home .home-news-card {
    padding: 14px 16px !important;
    height: 100% !important;
  }
  body.is-home .home-news-card .summary,
  body.is-home .feature-body .summary {
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  body.is-home .news-feature .feature-img {
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }
  body.is-home .news-feature .feature-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    max-height: none !important;
  }

  /* Cases：灰底通栏；标题区 gutter；顶距略加大 */
  body.is-home .home-cases-panel,
  body.is-home.has-home-fullpage .home-cases-panel,
  body.is-home.has-home-fullpage #homeCasesPanel.home-panel {
    --home-case-feature-h: 240px;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
    padding-top: var(--av-nav-h) !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
  }
  body.is-home .home-cases-panel::before,
  body.is-home.has-home-fullpage .home-cases-panel::before,
  body.is-home.has-home-fullpage #homeCasesPanel.home-panel::before {
    content: "" !important;
    flex: 0.75 1 0 !important;
    min-height: 16px !important;
    max-height: 9vh !important;
    pointer-events: none !important;
    background: #fff !important;
  }
  body.is-home .home-cases-panel .home-cases-headband,
  body.is-home.has-home-fullpage .home-cases-panel .home-cases-headband {
    flex: 0 0 auto !important;
    padding-top: 4px !important;
    padding-bottom: 0 !important;
    padding-left: var(--home-laptop-gutter, 24px) !important;
    padding-right: var(--home-laptop-gutter, 24px) !important;
    box-sizing: border-box !important;
  }
  body.is-home .home-cases-panel .home-section-head { margin-bottom: 8px !important; }
  body.is-home .home-cases-panel .home-section-lead,
  body.is-home.has-home-fullpage .home-cases-panel .home-section-lead {
    display: block !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
  }
  /* 灰底通栏；内侧留位给箭头 */
  body.is-home .home-cases-panel .home-cases-stage,
  body.is-home.has-home-fullpage .home-cases-panel .home-cases-stage {
    flex: 3.6 1 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 48px 10px !important;
    box-sizing: border-box !important;
    background-color: #f1f5f9 !important;
  }
  body.is-home .home-cases-panel .home-cases-stage .home-cases-feature,
  body.is-home.has-home-fullpage .home-cases-panel .home-cases-stage .home-cases-feature {
    padding-top: 18px !important;
  }
  body.is-home .home-cases-panel .home-cases-viewport,
  body.is-home.has-home-fullpage .home-cases-panel .home-cases-viewport {
    --home-cases-hover-pad-y: 14px !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: var(--home-cases-hover-pad-y, 14px) !important;
  }
  body.is-home .home-cases-nav,
  body.is-home.has-home-fullpage .home-cases-nav {
    display: block !important;
  }
  body.is-home .home-cases-nav.prev { left: -46px !important; right: auto !important; }
  body.is-home .home-cases-nav.next { left: auto !important; right: -46px !important; }

  /* CTA strip */
  body.is-home .home-cta-strip-inner {
    height: 96px !important;
    min-height: 0 !important;
    padding: 0 24px !important;
    gap: 16px !important;
  }
  body.is-home .home-cta-strip h2 {
    font-size: clamp(18px, 1.8vw, 22px) !important;
    line-height: 1.35 !important;
  }
  body.is-home .home-cta-strip-btn {
    padding: 8px 18px !important;
    font-size: 13px !important;
    border-radius: 4px !important;
  }

  /* Footer laptop */
  .site-footer .footer-main {
    padding: 28px 0 18px !important;
    gap: 20px 16px !important;
    grid-template-columns: 160px minmax(0, 1fr) 180px !important;
  }
  .site-footer .footer-links {
    width: min(100%, 560px) !important;
    gap: 12px 18px !important;
  }
  .site-footer .link-group h4 {
    font-size: 14px !important;
    margin-bottom: 8px !important;
  }
  .site-footer .link-group a,
  .site-footer .footer-honors li,
  .site-footer .footer-brand .footer-stock {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }
  .site-footer .link-group li { margin-bottom: 4px !important; }
  .site-footer .footer-brand .footer-logo img { height: 26px !important; }
  .site-footer .footer-social .social-ico {
    width: 32px !important;
    height: 32px !important;
  }
  .site-footer .footer-hotline .tel {
    font-size: 20px !important;
  }
  .site-footer .footer-bottom {
    padding: 10px 0 14px !important;
    font-size: 12px !important;
  }
}

/* ========== L2 ========== */
@media (min-width: 1024px) and (max-width: 1440px) and (max-height: 700px) {
  :root {
    --av-nav-h: 48px;
    --av-btn-pad-y: 6px;
    --av-btn-pad-x: 14px;
    --home-fold-h: 300px;
    --home-news-h: 300px;
    --home-banner-pad-l: calc(28px + 40px + 32px);
    --av-density-hero-h: 240px;
    --site-gutter: 48px;
    --site-section-pad-y: 12px;
    --site-maxw: calc(100vw - 2 * var(--site-gutter));
  }
  .navbar .logo-img { height: 26px !important; }
  .navbar .nav-links > a,
  .navbar .nav-item > a { font-size: 13px !important; padding: 0 10px !important; }

  body.is-home {
    --home-fold-h: 300px;
    --home-case-feature-h: 200px;
    --home-news-h: 300px;
  }
  body.is-home .home-products-section {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  body.is-home .home-products-head,
  body.is-home .home-products-section .product-fold-wrap {
    max-width: min(var(--site-maxw), calc(100vw - 96px)) !important;
  }
  /* 折叠窄导航态用 2×2，勿锁扇形高度 */
  html:not(.av-narrow-nav) body.is-home .home-products-section .product-fold {
    min-height: max(300px, var(--home-fold-h)) !important;
  }
  body.is-home .pf-item.is-active .pf-pills.pf-pills--cols {
    grid-template-rows: repeat(5, auto) !important;
  }
  html:not(.av-narrow-nav) body.is-home .product-fold--four .pf-item {
    transition: flex-grow 0.42s cubic-bezier(0.33, 1, 0.68, 1) !important;
  }

  body.is-home .hero-carousel .slide-stack .slide-title,
  body.is-home .hero-carousel .slide-content h1.slide-title {
    font-size: clamp(24px, 2.5vw, 30px) !important;
  }
  body.is-home .hero-carousel .slide-btn { padding: 7px 16px !important; }
  body.is-home .home-sol-card {
    min-height: 300px !important;
    max-height: none !important;
    height: auto !important;
  }
  body.is-home .home-news-wrap {
    grid-template-columns: min(300px, 28vw) minmax(0, 1fr) !important;
    grid-template-rows: var(--home-news-h) !important;
    height: var(--home-news-h) !important;
  }
  body.is-home .home-cta-strip-inner { height: 84px !important; }
  body.is-home .home-cta-strip h2 { font-size: 18px !important; }
  body.is-home .home-cta-strip-btn { padding: 6px 14px !important; font-size: 13px !important; }

  .site-footer .footer-main { padding: 22px 0 14px !important; }
}

/* ========== L3 ~522 ========== */
@media (min-width: 1024px) and (max-width: 1440px) and (max-height: 580px) {
  :root {
    --av-nav-h: 44px;
    --av-btn-pad-y: 5px;
    --av-btn-pad-x: 12px;
    --home-fold-h: 300px;
    --home-news-h: 250px;
    --home-banner-pad-l: calc(24px + 36px + 28px);
    --av-density-hero-h: 200px;
    --site-gutter: 48px;
    --site-section-pad-y: 8px;
    --site-maxw: calc(100vw - 2 * var(--site-gutter));
  }
  .navbar { padding-left: 20px !important; padding-right: 20px !important; }
  .navbar .logo-img { height: 24px !important; left: 20px !important; }
  .navbar .nav-links > a,
  .navbar .nav-item > a { font-size: 13px !important; padding: 0 8px !important; }
  .navbar .nav-search { right: 20px !important; }

  body.is-home {
    --home-fold-h: 300px;
    --home-case-feature-h: 188px;
    --home-news-h: 250px;
  }
  body.is-home .home-products-section {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  body.is-home .home-products-head,
  body.is-home .home-products-section .product-fold-wrap {
    max-width: min(var(--site-maxw), calc(100vw - 96px)) !important;
  }
  html:not(.av-narrow-nav) body.is-home .home-products-section .product-fold {
    height: var(--home-fold-h) !important;
    min-height: 300px !important;
    max-height: var(--home-fold-h) !important;
  }
  body.is-home .pf-item.is-active .pf-pills.pf-pills--cols {
    grid-template-rows: repeat(5, auto) !important;
  }
  html:not(.av-narrow-nav) body.is-home .product-fold--four .pf-item {
    transition: flex-grow 0.42s cubic-bezier(0.33, 1, 0.68, 1) !important;
  }


  body.is-home .hero-carousel .carousel-arrow {
    width: 36px !important;
    height: 36px !important;
  }
  body.is-home .hero-carousel .carousel-arrow.prev { left: 20px !important; }
  body.is-home .hero-carousel .slide-content,
  body.is-home.has-home-fullpage .hero-carousel .slide-content {
    padding-top: var(--av-nav-h) !important;
    padding-bottom: 24px !important;
    padding-left: var(--home-banner-pad-l) !important;
    justify-content: center !important;
  }
  body.is-home .hero-carousel .slide-stack .slide-title,
  body.is-home .hero-carousel .slide-content h1.slide-title {
    font-size: clamp(20px, 2.2vw, 26px) !important;
  }
  body.is-home .hero-carousel .slide-stack .slide-desc,
  body.is-home .hero-carousel .slide-content p.slide-desc {
    font-size: 13px !important;
    padding-top: 6px !important;
  }
  body.is-home .hero-carousel .slide-cta { margin-top: 10px !important; }
  body.is-home .hero-carousel .slide-btn {
    padding: 6px 14px !important;
    font-size: 13px !important;
    max-width: 160px !important;
  }

  body.is-home .home-products-section,
  body.is-home .home-sol-section,
  body.is-home .home-news-section {
    padding: var(--av-nav-h) 16px 8px !important;
  }
  body.is-home .home-section-title,
  body.is-home .home-section-head h2 { font-size: 20px !important; }
  body.is-home .home-products-head .home-section-lead,
  body.is-home .home-sol-section .home-section-lead { display: none !important; }
  body.is-home .pf-pills { max-height: calc(var(--home-fold-h) - 48px) !important; gap: 4px !important; }
  body.is-home .home-sol-card {
    min-height: 300px !important;
    max-height: none !important;
    height: auto !important;
  }
  body.is-home .home-sol-card-d { display: none !important; }

  body.is-home .home-news-wrap {
    grid-template-columns: min(240px, 26vw) minmax(0, 1fr) !important;
    grid-template-rows: var(--home-news-h) !important;
    height: var(--home-news-h) !important;
    gap: 10px !important;
  }
  body.is-home .home-news-card { padding: 10px 12px !important; }
  body.is-home .home-news-card h3,
  body.is-home .home-news-card h4,
  body.is-home .feature-body h4 {
    font-size: 13px !important;
    height: auto !important;
    max-height: none !important;
    -webkit-line-clamp: 2;
    line-clamp: 2;
  }
  body.is-home .home-news-card .summary,
  body.is-home .feature-body .summary { display: none !important; }

  body.is-home .home-cta-strip-inner {
    height: 72px !important;
    padding: 0 16px !important;
  }
  body.is-home .home-cta-strip h2 { font-size: 16px !important; }
  body.is-home .home-cta-strip-btn {
    padding: 5px 12px !important;
    font-size: 13px !important;
  }

  .site-footer .footer-main {
    padding: 16px 0 10px !important;
    grid-template-columns: 140px minmax(0, 1fr) 160px !important;
    gap: 12px 10px !important;
  }
  .site-footer .footer-links { width: min(100%, 480px) !important; gap: 8px 12px !important; }
  .site-footer .link-group h4 { font-size: 13px !important; margin-bottom: 4px !important; }
  .site-footer .link-group a { font-size: 12px !important; line-height: 1.35 !important; }
  .site-footer .footer-hotline .tel { font-size: 18px !important; }
  .site-footer .footer-social .social-ico {
    width: 28px !important;
    height: 28px !important;
  }
  .site-footer .footer-bottom { padding: 8px 0 10px !important; }
}

/* 笔记本强制保留折叠扇动画（覆盖 prefers-reduced-motion） */
@media (min-width: 1024px) and (max-width: 1440px) and (max-height: 900px) and (prefers-reduced-motion: reduce) {
  body.is-home .product-fold--four .pf-item {
    transition: flex-grow 0.42s cubic-bezier(0.33, 1, 0.68, 1) !important;
  }
  body.is-home .pf-item.is-active .pf-pills {
    transition:
      opacity 0.38s cubic-bezier(0.33, 1, 0.68, 1) 0.04s,
      transform 0.38s cubic-bezier(0.33, 1, 0.68, 1) 0.04s,
      visibility 0s linear 0s !important;
  }
}

/* ========== notebook width: 5 series per column (any height; PC >1440 untouched) ========== */
@media (min-width: 1024px) and (max-width: 1440px) {
  body.is-home .pf-item.is-active .pf-pills,
  body.is-home .pf-item.is-active .pf-pills.pf-pills--cols {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-template-rows: repeat(5, auto) !important;
    grid-auto-columns: max-content !important;
    justify-content: start !important;
    justify-items: start !important;
    align-content: start !important;
    width: max-content !important;
    max-width: 100% !important;
    column-gap: 24px !important;
    row-gap: 8px !important;
    gap: 8px 24px !important;
  }
}

/* notebook: industry solution cards min-height 300px */
@media (min-width: 1024px) and (max-width: 1440px) {
  body.is-home .home-sol-card,
  body.is-home.has-home-fullpage .home-sol-card {
    min-height: 300px !important;
    max-height: none !important;
    height: auto !important;
  }
}


/* notebook: engineering case cards min-height 188px */
@media (min-width: 1024px) and (max-width: 1440px) {
  body.is-home .home-cases-feature-card,
  body.is-home.has-home-fullpage .home-cases-panel .home-cases-feature-card {
    height: max(188px, var(--home-case-feature-h, 188px)) !important;
    min-height: 188px !important;
    max-height: max(188px, var(--home-case-feature-h, 188px)) !important;
  }
}


/* notebook: cases intro 3-line clamp; kill webkit 4th-line ghost */
@media (min-width: 1024px) and (max-width: 1440px) {
  body.is-home .home-cases-feature-body p,
  body.is-home.has-home-fullpage .home-cases-panel .home-cases-feature-body p {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.7 !important;
    max-height: calc(1.7em * 3) !important;
    flex: 0 0 auto !important;
    min-height: 0 !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 calc(100% - 1px), transparent 100%) !important;
    mask-image: linear-gradient(to bottom, #000 0%, #000 calc(100% - 1px), transparent 100%) !important;
    cursor: help;
  }
}

/* notebook news：右栏小卡左图右文；高度随视口收缩，避免矮屏面板裁切底排卡/「了解更多」 */
@media (min-width: 1024px) and (max-width: 1600px) {
  body.is-home {
    --home-news-card-h: 194px;
    --home-news-grid-gap: 12px;
    /* 面板内：导航 + 标题 + 底栏约 110px，新闻区不超过剩余高度 */
    --home-news-h: min(400px, calc(100dvh - var(--av-nav-h, 52px) - 110px));
  }
  body.is-home.has-home-fullpage {
    --home-news-h: min(400px, calc(100dvh - var(--av-nav-h, 52px) - 110px));
  }
  body.is-home .home-news-section,
  body.is-home.has-home-fullpage .home-news-section,
  body.is-home .home-news-section.home-panel,
  body.is-home.has-home-fullpage .home-news-section.home-panel {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  body.is-home .home-news-inner,
  body.is-home.has-home-fullpage .home-news-inner {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 1 auto !important;
    min-height: 0 !important;
    max-height: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  body.is-home .home-news-wrap,
  body.is-home.has-home-fullpage .home-news-wrap {
    display: grid !important;
    grid-template-columns: min(360px, 32vw) minmax(0, 1fr) !important;
    grid-template-rows: var(--home-news-h, 360px) !important;
    height: var(--home-news-h, 360px) !important;
    min-height: 0 !important;
    max-height: var(--home-news-h, 360px) !important;
    gap: 16px !important;
    align-items: stretch !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
  }
  body.is-home .home-news-grid,
  body.is-home.has-home-fullpage .home-news-grid {
    display: grid !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    gap: var(--home-news-grid-gap, 12px) !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: 1fr 1fr !important;
    align-self: stretch !important;
    align-content: stretch !important;
    box-sizing: border-box !important;
  }
  body.is-home .home-news-card,
  body.is-home.has-home-fullpage .home-news-card {
    display: grid !important;
    grid-template-columns: min(132px, 28%) minmax(0, 1fr) !important;
    grid-template-rows: minmax(0, 1fr) !important;
    align-items: stretch !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  body.is-home .home-news-card .news-card-img,
  body.is-home.has-home-fullpage .home-news-card .news-card-img {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
    background: #eef1f5 !important;
  }
  body.is-home .home-news-card .news-card-img img,
  body.is-home.has-home-fullpage .home-news-card .news-card-img img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }
  body.is-home .home-news-card .news-card-body,
  body.is-home.has-home-fullpage .home-news-card .news-card-body {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 4px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
    padding: 10px 12px !important;
    box-sizing: border-box !important;
  }
  body.is-home .home-news-card .tag,
  body.is-home.has-home-fullpage .home-news-card .tag {
    margin-bottom: 2px !important;
    flex: 0 0 auto !important;
  }
  body.is-home .home-news-card h3,
  body.is-home .home-news-card h4,
  body.is-home.has-home-fullpage .home-news-card h3,
  body.is-home.has-home-fullpage .home-news-card h4 {
    margin: 0 0 2px !important;
    height: auto !important;
    max-height: calc(1.3em * 2) !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    flex: 0 0 auto !important;
    overflow: hidden !important;
  }
  body.is-home .home-news-card .summary,
  body.is-home.has-home-fullpage .home-news-card .summary {
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    margin: 0 !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
  }
  body.is-home .home-news-card .date,
  body.is-home.has-home-fullpage .home-news-card .date {
    margin-top: auto !important;
    flex: 0 0 auto !important;
    padding-top: 2px !important;
  }
  body.is-home .news-feature,
  body.is-home.has-home-fullpage .news-feature {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: 100% !important;
    aspect-ratio: auto !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  body.is-home .news-feature .feature-img,
  body.is-home.has-home-fullpage .news-feature .feature-img {
    flex: 1 1 auto !important;
    min-height: 0 !important;
  }
  body.is-home .news-feature .feature-img img,
  body.is-home.has-home-fullpage .news-feature .feature-img img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
  }
  body.is-home .home-news-footer,
  body.is-home.has-home-fullpage .home-news-footer {
    position: relative !important;
    z-index: 5 !important;
    flex: 0 0 auto !important;
    margin-top: 10px !important;
    overflow: visible !important;
  }
  body.is-home .home-news-footer .view-all {
    position: relative !important;
    z-index: 6 !important;
    display: inline-flex !important;
  }
}

/* 矮屏笔记本：压过上方 1024–1600 新闻块，确保底排卡与「了解更多」完整可见 */
@media (min-width: 1024px) and (max-width: 1600px) and (max-height: 700px) {
  body.is-home,
  body.is-home.has-home-fullpage {
    --home-news-h: min(280px, calc(100dvh - var(--av-nav-h, 48px) - 96px));
    --home-news-grid-gap: 8px;
  }
  body.is-home .home-news-wrap,
  body.is-home.has-home-fullpage .home-news-wrap {
    grid-template-columns: min(280px, 28vw) minmax(0, 1fr) !important;
    gap: 12px !important;
  }
  body.is-home .home-news-card,
  body.is-home.has-home-fullpage .home-news-card {
    grid-template-columns: min(100px, 26%) minmax(0, 1fr) !important;
  }
  body.is-home .home-news-card .news-card-body,
  body.is-home.has-home-fullpage .home-news-card .news-card-body {
    padding: 8px 10px !important;
    gap: 2px !important;
  }
  body.is-home .home-news-card h3,
  body.is-home .home-news-card h4,
  body.is-home.has-home-fullpage .home-news-card h3,
  body.is-home.has-home-fullpage .home-news-card h4 {
    font-size: 13px !important;
    max-height: calc(1.3em * 2) !important;
  }
  body.is-home .home-news-card .summary,
  body.is-home.has-home-fullpage .home-news-card .summary {
    -webkit-line-clamp: 1 !important;
    line-clamp: 1 !important;
    font-size: 11px !important;
  }
  body.is-home .home-news-footer,
  body.is-home.has-home-fullpage .home-news-footer {
    margin-top: 8px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1600px) and (max-height: 580px) {
  body.is-home,
  body.is-home.has-home-fullpage {
    --home-news-h: min(220px, calc(100dvh - var(--av-nav-h, 44px) - 88px));
    --home-news-grid-gap: 6px;
  }
  body.is-home .home-news-wrap,
  body.is-home.has-home-fullpage .home-news-wrap {
    grid-template-columns: min(220px, 24vw) minmax(0, 1fr) !important;
    gap: 10px !important;
  }
  body.is-home .home-news-section .home-section-head,
  body.is-home.has-home-fullpage .home-news-section .home-section-head {
    margin-bottom: 6px !important;
  }
  body.is-home .home-news-card,
  body.is-home.has-home-fullpage .home-news-card {
    grid-template-columns: min(88px, 24%) minmax(0, 1fr) !important;
  }
  body.is-home .home-news-card .news-card-body,
  body.is-home.has-home-fullpage .home-news-card .news-card-body {
    padding: 6px 8px !important;
  }
  body.is-home .home-news-card h3,
  body.is-home .home-news-card h4,
  body.is-home.has-home-fullpage .home-news-card h3,
  body.is-home.has-home-fullpage .home-news-card h4 {
    font-size: 12px !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
  }
  body.is-home .home-news-card .summary,
  body.is-home.has-home-fullpage .home-news-card .summary {
    display: none !important;
  }
  body.is-home .home-news-footer,
  body.is-home.has-home-fullpage .home-news-footer {
    margin-top: 6px !important;
  }
}

/* notebook: homepage sol card CTA smaller (1099x522 L3 included) */
@media (min-width: 1024px) and (max-width: 1600px) {
  body.is-home .home-sol-more,
  body.is-home.has-home-fullpage .home-sol-more {
    padding: 5px 12px !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    border-radius: 3px !important;
    min-height: 0 !important;
  }
}

/* notebook: back-to-top 缩小并贴右下角，减少挡内容（PC/移动/折叠不变） */
@media (min-width: 1024px) and (max-width: 1600px) and (max-height: 900px) {
  .back-to-top {
    width: 28px !important;
    height: 28px !important;
    right: 6px !important;
    bottom: 6px !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.1) !important;
  }
  .back-to-top svg {
    width: 12px !important;
    height: 12px !important;
  }
}

/* ========== notebook: product hub + global CTA/footer densify ========== */
@media (min-width: 1024px) and (max-width: 1600px) and (max-height: 900px) {
  /* ② Banner：含 hub-panel--auto，压到约 220（PC 仍 400） */
  .ph-page--hub .ph-hero,
  .ph-page--hub .ph-hero.hub-panel--auto,
  .ph-page--class-list .ph-hero,
  .ph-page--class-list .ph-hero.hub-panel--auto,
  body.ph-page--hub .ph-hero,
  body.ph-page--hub .ph-hero.hub-panel--auto {
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
  }
  .ph-page--hub .ph-hero-inner,
  .ph-page--class-list .ph-hero-inner,
  html:not(.av-narrow-nav) body.ph-page--hub .ph-hero-inner {
    padding-top: calc(var(--av-nav-h, 52px) + 36px) !important;
    padding-bottom: 16px !important;
    padding-left: var(--site-gutter, 48px) !important;
    padding-right: var(--site-gutter, 48px) !important;
  }
  .ph-page--hub .ph-hero h1,
  body.ph-page--hub .ph-hero h1 {
    margin-bottom: 10px !important;
    font-size: clamp(26px, 2.6vw, 34px) !important;
  }
  .ph-page--hub .ph-hero .ph-hero-sub,
  body.ph-page--hub .ph-hero .ph-hero-sub {
    font-size: 14px !important;
    line-height: 1.5 !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    max-width: min(640px, 62vw) !important;
  }

  /* ③ 面包屑：分屏面板 overflow:hidden 下勿 sticky；整行高度内垂直居中 */
  .ph-page--hub .ph-toolbar.ph-hub-bar,
  body.ph-page--hub .ph-toolbar.ph-hub-bar,
  body.ph-page--hub.has-hub-fullpage .ph-hub-panel .ph-toolbar {
    position: relative !important;
    top: auto !important;
    z-index: 2 !important;
    height: 44px !important;
    min-height: 44px !important;
    flex: 0 0 auto !important;
    background: #fff !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
    backdrop-filter: none !important;
    display: flex !important;
    align-items: center !important;
  }
  .ph-page--hub .ph-toolbar-inner,
  body.ph-page--hub .ph-toolbar-inner {
    height: 44px !important;
    min-height: 44px !important;
    max-width: var(--site-maxw) !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }
  .ph-page--hub .ph-crumb,
  body.ph-page--hub .ph-crumb {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    height: 44px !important;
    min-height: 44px !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    color: #6b7280 !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    overflow: visible !important;
  }
  .ph-page--hub .ph-crumb a,
  .ph-page--hub .ph-crumb .cur,
  body.ph-page--hub .ph-crumb a,
  body.ph-page--hub .ph-crumb .cur {
    display: inline-flex !important;
    align-items: center !important;
    height: 44px !important;
    line-height: 1.2 !important;
    color: #6b7280 !important;
    font-weight: 400 !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .ph-page--hub .ph-crumb .cur,
  body.ph-page--hub .ph-crumb .cur {
    color: #282323 !important;
    font-weight: 600 !important;
  }
  .ph-page--hub .ph-crumb-home-txt,
  body.ph-page--hub .ph-crumb-home-txt {
    display: inline !important;
    line-height: 1.2 !important;
  }
  .ph-page--hub .ph-crumb-home,
  body.ph-page--hub .ph-crumb-home {
    gap: 5px !important;
    height: 44px !important;
    align-items: center !important;
  }
  .ph-page--hub .ph-home-icon,
  body.ph-page--hub .ph-home-icon {
    width: 14px !important;
    height: 14px !important;
    opacity: 0.72 !important;
    display: block !important;
    flex-shrink: 0 !important;
  }
  .ph-page--hub .ph-crumb .sep,
  body.ph-page--hub .ph-crumb .sep {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 44px !important;
    color: #b6bac2 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .ph-page--hub .ph-crumb .sep svg,
  body.ph-page--hub .ph-crumb .sep svg {
    display: block !important;
    width: 12px !important;
    height: 12px !important;
  }

  /* 产品系列卡片固定 200px（覆盖矮屏 aspect-ratio 压缩；折叠窄导航用 fold-adapt 更大卡） */
  html:not(.av-narrow-nav) .ph-page--hub .ph-hub-grid,
  html:not(.av-narrow-nav) body.ph-page--hub .ph-hub-grid,
  html:not(.av-narrow-nav) body.ph-page--hub.has-hub-fullpage .ph-hub-grid {
    gap: 12px !important;
    align-items: stretch !important;
    grid-auto-rows: 200px !important;
  }
  html:not(.av-narrow-nav) .ph-page--hub .ph-hub-card,
  html:not(.av-narrow-nav) body.ph-page--hub .ph-hub-card,
  html:not(.av-narrow-nav) body.ph-page--hub.has-hub-fullpage .ph-hub-card,
  html:not(.av-narrow-nav) body.ph-page--hub.has-hub-fullpage .ph-hub-panel .ph-hub-card {
    height: 200px !important;
    min-height: 200px !important;
    max-height: 200px !important;
    --ph-hub-media-ratio: auto !important;
  }
  html:not(.av-narrow-nav) .ph-page--hub .ph-hub-card-media,
  html:not(.av-narrow-nav) body.ph-page--hub .ph-hub-card-media,
  html:not(.av-narrow-nav) body.ph-page--hub.has-hub-fullpage .ph-hub-card-media {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    aspect-ratio: auto !important;
  }
  html:not(.av-narrow-nav) .ph-page--hub .ph-hub-card-media img,
  html:not(.av-narrow-nav) body.ph-page--hub .ph-hub-card-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  html:not(.av-narrow-nav) .ph-page--hub .ph-hub-card-body,
  html:not(.av-narrow-nav) body.ph-page--hub .ph-hub-card-body,
  html:not(.av-narrow-nav) body.ph-page--hub.has-hub-fullpage .ph-hub-card-body {
    flex: 0 0 auto !important;
    padding: 10px 14px !important;
    gap: 2px !important;
  }
  html:not(.av-narrow-nav) .ph-page--hub .ph-hub-card-desc,
  html:not(.av-narrow-nav) body.ph-page--hub.has-hub-fullpage .ph-hub-card-desc {
    display: none !important;
  }

  /* ④ 全局 CTA 变矮 + 按钮变小 */
  .site-global-cta .sol-hub-cta-inner,
  .site-global-cta.sol-hub-cta .sol-hub-cta-inner {
    min-height: 72px !important;
    height: 72px !important;
    padding: 0 var(--site-gutter, 48px) !important;
    gap: 16px !important;
  }
  .site-global-cta h2,
  .site-global-cta.sol-hub-cta h2 {
    font-size: 18px !important;
    line-height: 1.35 !important;
  }
  .site-global-cta .sol-hub-cta-btn,
  .site-global-cta.sol-hub-cta .sol-hub-cta-btn,
  a.sol-hub-cta-btn {
    padding: 6px 14px !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
    min-height: 0 !important;
    height: auto !important;
    width: auto !important;
    max-width: none !important;
    border-radius: 4px !important;
  }

  /* ⑤ 全局页脚：笔记本专属更紧凑三栏 */
  .site-footer .footer-inner {
    padding-left: var(--site-gutter, 48px) !important;
    padding-right: var(--site-gutter, 48px) !important;
  }
  .site-footer .footer-main {
    padding: 22px 0 14px !important;
    gap: 14px 12px !important;
    grid-template-columns: 140px minmax(0, 1fr) 160px !important;
    align-items: start !important;
  }
  .site-footer .footer-aside {
    grid-column: auto !important;
    display: block !important;
    padding-top: 0 !important;
  }
  .site-footer .footer-links {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: min(100%, 520px) !important;
    gap: 8px 14px !important;
    justify-self: center !important;
  }
  .site-footer .link-group h4 {
    font-size: 13px !important;
    margin-bottom: 4px !important;
    line-height: 1.3 !important;
  }
  .site-footer .link-group a,
  .site-footer .footer-honors li,
  .site-footer .footer-brand .footer-stock {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
  .site-footer .link-group li {
    margin-bottom: 2px !important;
  }
  .site-footer .footer-honors li {
    line-height: 1.45 !important;
  }
  .site-footer .footer-brand .footer-logo img {
    height: 22px !important;
  }
  .site-footer .footer-brand .footer-stock {
    margin: 6px 0 8px !important;
  }
  .site-footer .footer-hotline .tel {
    font-size: 18px !important;
    line-height: 1.2 !important;
  }
  .site-footer .footer-social {
    margin-bottom: 8px !important;
  }
  .site-footer .footer-social .social-ico {
    width: 28px !important;
    height: 28px !important;
  }
  .site-footer .footer-bottom {
    padding: 8px 0 10px !important;
    font-size: 12px !important;
  }
}

/* notebook L3：产品 Banner / CTA / 页脚再压一档 */
@media (min-width: 1024px) and (max-width: 1600px) and (max-height: 580px) {
  .ph-page--hub .ph-hero,
  .ph-page--hub .ph-hero.hub-panel--auto,
  body.ph-page--hub .ph-hero {
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
  }
  .ph-page--hub .ph-hero-inner,
  body.ph-page--hub .ph-hero-inner {
    padding-top: calc(var(--av-nav-h, 44px) + 24px) !important;
  }
  .site-global-cta .sol-hub-cta-inner,
  .site-global-cta.sol-hub-cta .sol-hub-cta-inner {
    min-height: 64px !important;
    height: 64px !important;
  }
  .site-footer .footer-main {
    padding: 16px 0 10px !important;
  }
}

/* ========== notebook: product class-list crumb + sidebar/grid bottom align ========== */
@media (min-width: 1024px) and (max-width: 1600px) and (max-height: 900px) {
  /* ① 面包屑：取消 L1 sticky top 偏移；与 hub 同款 44px 垂直居中 */
  .ph-page--class-list .ph-toolbar,
  body.ph-page--class-list .ph-toolbar,
  body.ph-page--class-list.has-hub-fullpage .ph-class-panel .ph-toolbar {
    position: relative !important;
    top: auto !important;
    z-index: 2 !important;
    height: 44px !important;
    min-height: 44px !important;
    flex: 0 0 auto !important;
    background: #fff !important;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    display: flex !important;
    align-items: center !important;
    box-shadow: none !important;
  }
  .ph-page--class-list .ph-toolbar-inner,
  body.ph-page--class-list .ph-toolbar-inner {
    height: 44px !important;
    min-height: 44px !important;
    max-width: var(--site-maxw) !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    box-sizing: border-box !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
  }
  .ph-page--class-list .ph-crumb,
  body.ph-page--class-list .ph-crumb {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    height: 44px !important;
    min-height: 44px !important;
    width: auto !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    color: #6b7280 !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    letter-spacing: 0.01em !important;
    overflow: visible !important;
    border: none !important;
  }
  .ph-page--class-list .ph-crumb a,
  .ph-page--class-list .ph-crumb .cur,
  body.ph-page--class-list .ph-crumb a,
  body.ph-page--class-list .ph-crumb .cur {
    display: inline-flex !important;
    align-items: center !important;
    height: 44px !important;
    line-height: 1.2 !important;
    color: #6b7280 !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    max-width: none !important;
    white-space: nowrap !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .ph-page--class-list .ph-crumb .cur,
  body.ph-page--class-list .ph-crumb .cur {
    color: #282323 !important;
    font-weight: 600 !important;
  }
  .ph-page--class-list .ph-crumb-home-txt,
  body.ph-page--class-list .ph-crumb-home-txt {
    display: inline !important;
  }
  .ph-page--class-list .ph-crumb-home,
  body.ph-page--class-list .ph-crumb-home {
    gap: 5px !important;
    height: 44px !important;
    align-items: center !important;
  }
  .ph-page--class-list .ph-home-icon,
  body.ph-page--class-list .ph-home-icon {
    width: 14px !important;
    height: 14px !important;
    opacity: 0.72 !important;
  }
  .ph-page--class-list .ph-crumb .sep,
  body.ph-page--class-list .ph-crumb .sep {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 44px !important;
    color: #b6bac2 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .ph-page--class-list .ph-crumb .sep svg,
  body.ph-page--class-list .ph-crumb .sep svg {
    display: block !important;
    width: 12px !important;
    height: 12px !important;
  }

  /* ② 左侧树与右侧卡片列同高底对齐（折叠窄导航由 fold-adapt 接管） */
  html:not(.av-narrow-nav) .ph-page--class-list .ph-class-layout,
  html:not(.av-narrow-nav) body.ph-page--class-list .ph-class-layout,
  html:not(.av-narrow-nav) body.ph-page--class-list.has-hub-fullpage .ph-class-layout {
    align-items: stretch !important;
  }
  html:not(.av-narrow-nav) .ph-page--class-list .ph-series-sidebar,
  html:not(.av-narrow-nav) body.ph-page--class-list .ph-series-sidebar,
  html:not(.av-narrow-nav) body.ph-page--class-list.has-hub-fullpage .ph-series-sidebar {
    position: relative !important;
    top: auto !important;
    align-self: stretch !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
  }
  html:not(.av-narrow-nav) .ph-page--class-list .ph-series-sheet,
  html:not(.av-narrow-nav) .ph-page--class-list .ph-series-sheet-panel,
  html:not(.av-narrow-nav) body.ph-page--class-list .ph-series-sheet,
  html:not(.av-narrow-nav) body.ph-page--class-list .ph-series-sheet-panel {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
  }
  html:not(.av-narrow-nav) .ph-page--class-list .ph-series-main,
  html:not(.av-narrow-nav) body.ph-page--class-list .ph-series-main,
  html:not(.av-narrow-nav) body.ph-page--class-list.has-hub-fullpage .ph-series-main {
    align-self: stretch !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    height: auto !important;
  }
  html:not(.av-narrow-nav) .ph-page--class-list .ph-series-panel,
  html:not(.av-narrow-nav) body.ph-page--class-list.has-hub-fullpage .ph-series-panel {
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    height: 100% !important;
  }
  html:not(.av-narrow-nav) .ph-page--class-list .ps-grid,
  html:not(.av-narrow-nav) body.ph-page--class-list.has-hub-fullpage .ps-grid {
    flex: 1 1 auto !important;
    height: 100% !important;
    min-height: 0 !important;
    align-content: stretch !important;
    align-items: stretch !important;
    grid-auto-rows: 1fr !important;
  }
  html:not(.av-narrow-nav) .ph-page--class-list .ps-card,
  html:not(.av-narrow-nav) body.ph-page--class-list.has-hub-fullpage .ps-card,
  html:not(.av-narrow-nav) .ph-page--class-list .ps-card-link,
  html:not(.av-narrow-nav) body.ph-page--class-list.has-hub-fullpage .ps-card-link {
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
  }
  html:not(.av-narrow-nav) .ph-page--class-list .ps-card-media,
  html:not(.av-narrow-nav) body.ph-page--class-list.has-hub-fullpage .ps-card-media {
    flex: 1 1 auto !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
  }
  html:not(.av-narrow-nav) .ph-page--class-list .ps-card-media img,
  html:not(.av-narrow-nav) body.ph-page--class-list.has-hub-fullpage .ps-card-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
  }
  /* ① 正文区压矮 → 图片区占比更高（覆盖桌面固定 86px body） */
  html:not(.av-narrow-nav) body.ph-page--class-list,
  html:not(.av-narrow-nav) body.ph-page--class-list.has-hub-fullpage {
    --ps-card-body-h: 48px !important;
  }
  html:not(.av-narrow-nav) .ph-page--class-list .ps-card-body,
  html:not(.av-narrow-nav) body.ph-page--class-list.has-hub-fullpage .ps-card-body,
  html:not(.av-narrow-nav) .ph-page.ph-page--class-list .ps-card-body {
    flex: 0 0 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    padding: 6px 10px !important;
    gap: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  html:not(.av-narrow-nav) .ph-page--class-list .ps-card-t,
  html:not(.av-narrow-nav) body.ph-page--class-list.has-hub-fullpage .ps-card-t {
    font-size: 13px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
  }

  /* ② 主体区相对面包屑上边距 12px */
  html:not(.av-narrow-nav) .ph-page--class-list .ph-class-list,
  html:not(.av-narrow-nav) body.ph-page--class-list .ph-class-list,
  html:not(.av-narrow-nav) body.ph-page--class-list.has-hub-fullpage .ph-class-list {
    padding-top: 12px !important;
  }
}

/* ========== notebook: AI视觉算法库主页 ========== */
@media (min-width: 1024px) and (max-width: 1600px) and (max-height: 900px) {
  /* ① banner 加高 + 内容垂直居中；搜索缩小；介绍变窄 */
  .algo-page .algo-hero,
  body.algo-page .algo-hero,
  .algo-page .algo-hero:not(.hub-panel--auto) {
    height: 340px !important;
    min-height: 340px !important;
    max-height: 340px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
  }
  .algo-page .algo-hero .hero-scroll-fx-wrap,
  body.algo-page .algo-hero .hero-scroll-fx-wrap {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }
  .algo-page .algo-hero h1,
  body.algo-page .algo-hero h1 {
    margin: 0 auto 10px !important;
    max-width: min(560px, 100%) !important;
    font-size: clamp(24px, 2.4vw, 28px) !important;
  }
  .algo-page .algo-hero .sub,
  body.algo-page .algo-hero .sub,
  .algo-page .algo-hero p.sub {
    max-width: 460px !important;
    width: auto !important;
    margin: 0 auto !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    /* 保留两段介绍全文，勿用 line-clamp 裁切 */
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    overflow: visible !important;
    text-overflow: unset !important;
  }
  .algo-page .algo-hero .search-wrap,
  body.algo-page .algo-hero .search-wrap {
    margin: 14px auto 0 !important;
    max-width: 480px !important;
    width: 100% !important;
    padding: 0 !important;
  }
  .algo-page .search-input,
  body.algo-page .search-input,
  .algo-page .algo-hero .search-input {
    height: 36px !important;
    min-height: 36px !important;
    max-height: 36px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    padding: 0 14px 0 38px !important;
    background-size: 16px 16px !important;
    background-position: 12px center !important;
  }
  .algo-page .hot-tags,
  body.algo-page .hot-tags {
    margin-top: 10px !important;
    max-width: 560px !important;
    gap: 6px !important;
  }
  .algo-page .hot-tags[hidden],
  body.algo-page .hot-tags[hidden] {
    display: none !important;
  }
  .algo-page .hot-tags.is-suggest-open:not([hidden]),
  body.algo-page .hot-tags.is-suggest-open:not([hidden]) {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  .algo-page .hot-tag,
  body.algo-page .hot-tag {
    font-size: 12px !important;
    padding: 4px 10px !important;
    background: rgba(255, 255, 255, 0.14) !important;
    border: 1px solid rgba(255, 255, 255, 0.32) !important;
    color: #fff !important;
  }
  .algo-page .hot-tag:hover,
  body.algo-page .hot-tag:hover {
    background: rgba(195, 13, 35, 0.35) !important;
    border-color: rgba(255, 255, 255, 0.55) !important;
  }
  /* 热词弹出时避免固定 banner 高度把推荐裁掉 */
  .algo-page .algo-hero:has(.hot-tags.is-suggest-open),
  body.algo-page .algo-hero:has(.hot-tags.is-suggest-open) {
    height: auto !important;
    min-height: 300px !important;
    max-height: none !important;
    overflow: visible !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }

  /* ② 筛选 chip 缩小 */
  .algo-page .filter-tab,
  body.algo-page .filter-tab,
  .algo-page #algoFilters .filter-tab {
    padding: 3px 10px !important;
    font-size: 12px !important;
    line-height: 1.3 !important;
    min-height: 0 !important;
    height: auto !important;
    border-radius: 4px !important;
  }
  .algo-page .filter-tab .count,
  body.algo-page .filter-tab .count {
    font-size: 11px !important;
  }
  .algo-page .filter-label,
  body.algo-page .filter-label {
    font-size: 12px !important;
  }
  .algo-page .filters,
  body.algo-page #algoFilters {
    padding-top: 14px !important;
    padding-bottom: 10px !important;
    gap: 10px !important;
  }
  .algo-page .filter-tabs,
  body.algo-page .filter-tabs {
    gap: 6px !important;
  }

  /* ③ 一行四个卡片（仅笔记本横导航；折叠窄导航走 fold 三列） */
  html:not(.av-narrow-nav) .algo-page .algo-grid,
  html:not(.av-narrow-nav) body.algo-page .algo-grid,
  html:not(.av-narrow-nav) .algo-page #algoGrid.algo-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    column-gap: 12px !important;
    row-gap: 0 !important;
    padding-bottom: 48px !important;
  }
  .algo-page .algo-card,
  body.algo-page .algo-card {
    margin-bottom: 12px !important;
  }
  .algo-page .card-img,
  body.algo-page .card-img {
    aspect-ratio: 16 / 10 !important;
    padding: 10px 12px !important;
  }
  .algo-page .card-body,
  body.algo-page .card-body {
    padding: 10px 12px 12px !important;
  }
  .algo-page .card-title,
  body.algo-page .card-title {
    font-size: 14px !important;
    line-height: 1.35 !important;
  }
  .algo-page .card-desc,
  body.algo-page .card-desc {
    font-size: 12px !important;
    line-height: 1.45 !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
  }
  .algo-page .title-row,
  body.algo-page .title-row {
    margin-bottom: 6px !important;
    gap: 6px !important;
  }
  .algo-page .card-tags,
  body.algo-page .card-tags {
    margin-top: 8px !important;
    gap: 4px !important;
    position: relative !important;
    overflow: visible !important;
    flex-wrap: nowrap !important;
  }
  /* 笔记本：最多 3 个 tag，其余进悬停浮层 */
  .algo-page .card-tags > .tag-industry:nth-child(n + 4),
  body.algo-page .card-tags > .tag-industry:nth-child(n + 4),
  .algo-page .tag-industry.is-laptop-overflow {
    display: none !important;
  }
  .algo-page .algo-card,
  body.algo-page .algo-card {
    overflow: visible !important;
  }
  .algo-page .card-body,
  body.algo-page .card-body {
    overflow: visible !important;
  }
  .algo-page .tag-more.tag-more--laptop,
  body.algo-page .tag-more.tag-more--laptop {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 6px !important;
    border-radius: 4px !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    background: #f8fafc !important;
    color: #475569 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    cursor: default !important;
    position: relative !important;
    z-index: 2 !important;
  }
  .algo-page .tag-more-pop,
  body.algo-page .tag-more-pop {
    display: none !important;
    position: absolute !important;
    left: 0 !important;
    bottom: calc(100% + 6px) !important;
    z-index: 40 !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 4px !important;
    max-width: min(280px, 70vw) !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    background: #fff !important;
    border: 1px solid rgba(15, 23, 42, 0.1) !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.14) !important;
    white-space: normal !important;
  }
  .algo-page .card-tags.has-laptop-tag-pop:hover .tag-more-pop,
  .algo-page .card-tags.has-laptop-tag-pop:focus-within .tag-more-pop,
  body.algo-page .card-tags.has-laptop-tag-pop:hover .tag-more-pop,
  body.algo-page .card-tags.has-laptop-tag-pop:focus-within .tag-more-pop {
    display: flex !important;
  }
  .algo-page .tag-more-pop .tag-industry,
  body.algo-page .tag-more-pop .tag-industry {
    display: inline-block !important;
    flex: 0 1 auto !important;
    max-width: 100% !important;
    font-size: 11px !important;
    padding: 2px 7px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1600px) and (max-height: 700px) {
  .algo-page .algo-hero,
  body.algo-page .algo-hero,
  .algo-page .algo-hero:not(.hub-panel--auto) {
    height: 290px !important;
    min-height: 290px !important;
    max-height: 290px !important;
  }
}

@media (min-width: 1024px) and (max-width: 1600px) and (max-height: 580px) {
  .algo-page .algo-hero,
  body.algo-page .algo-hero,
  .algo-page .algo-hero:not(.hub-panel--auto) {
    height: 270px !important;
    min-height: 270px !important;
    max-height: 270px !important;
  }
}

/* ========== notebook: 行业解决方案主页 ========== */
@media (min-width: 1024px) and (max-width: 1600px) and (max-height: 900px) {
  /* 面包屑条压矮，保持 sticky：吸附 AI/AV 面板时仍可见，算进一屏高度 */
  body.sol-page .sol-hub-bar:not(.sol-hub-bar--simple),
  .sol-page .sol-hub-bar:not(.sol-hub-bar--simple) {
    position: sticky !important;
    top: var(--av-nav-h, 44px) !important;
    height: 44px !important;
    min-height: 44px !important;
    z-index: 40 !important;
  }
  body.sol-page .sol-hub-bar-inner,
  .sol-page .sol-hub-bar-inner {
    height: 44px !important;
    min-height: 44px !important;
  }
  body.sol-page .sol-hub-pill,
  .sol-page .sol-hub-pill {
    padding: 4px 12px !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  /* 取消 -60px 上移；内容距面包屑约 40px（居中观感靠上、不贴顶） */
  body.sol-page .sol-hub-track[data-track="ai"] > .sol-inner,
  body.sol-page .sol-hub-track[data-track="av"] > .sol-inner,
  body.sol-page.has-hub-fullpage .sol-hub-track.hub-panel > .sol-inner {
    transform: none !important;
  }
  body.sol-page .sol-hub-track[data-track="ai"],
  body.sol-page .sol-hub-track[data-track="av"] {
    padding-top: 40px !important;
    padding-bottom: 20px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    box-sizing: border-box !important;
  }
  body.sol-page.has-hub-fullpage {
    --hub-nav-h: var(--av-nav-h, 44px);
    --hub-bar-h: 44px;
    --hub-panel-h: calc(100svh - var(--hub-nav-h) - var(--hub-bar-h));
  }
  /* AI / 音视频两块面板均扣除导航 + 面包屑，顶缝对齐条底、不露上一屏 */
  body.sol-page.has-hub-fullpage .sol-hub-track.hub-panel {
    padding-top: 40px !important;
    padding-bottom: 20px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    height: var(--hub-panel-h) !important;
    min-height: var(--hub-panel-h) !important;
    max-height: var(--hub-panel-h) !important;
  }
  /* PC 面板上偏 spacer 在矮屏关掉，避免顶白叠厚 */
  body.sol-page.has-hub-fullpage .sol-hub-track.hub-panel::before,
  body.sol-page.has-hub-fullpage .sol-hub-track.hub-panel::after {
    content: none !important;
    display: none !important;
    flex: 0 0 0 !important;
    max-height: 0 !important;
  }
  body.sol-page.has-hub-fullpage .sol-hub-head {
    margin-bottom: 14px !important;
  }
  body.sol-page.has-hub-fullpage .sol-hub-track + .sol-hub-track {
    padding-top: 40px !important;
  }

  /* ② 标题不被挡；介绍单行不换行 */
  body.sol-page .sol-hub-head,
  .sol-page .sol-hub-head {
    margin-bottom: 14px !important;
    max-width: none !important;
    width: 100% !important;
  }
  body.sol-page .sol-hub-head h2,
  .sol-page .sol-hub-head h2 {
    margin: 0 0 8px !important;
    position: relative !important;
    z-index: 1 !important;
  }
  body.sol-page .sol-hub-head p,
  .sol-page .sol-hub-head p {
    margin: 0 !important;
    max-width: 100% !important;
    max-height: none !important;
    font-size: 13px !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: block !important;
    -webkit-box-orient: unset !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  /* ① 卡片缩小，少挡右侧插画；两行三列 */
  body.sol-page .sol-hub-grid,
  .sol-page .sol-hub-grid {
    grid-template-columns: repeat(3, 200px) !important;
    gap: 10px !important;
    width: max-content !important;
  }
  body.sol-page .sol-hub-grid > .sol-hub-card:nth-child(n + 7),
  .sol-page .sol-hub-grid > .sol-hub-card:nth-child(n + 7) {
    display: none !important;
  }
  /* 紧凑端只露 6 张：总数 7～9 时仍显示「查看全部」 */
  body.sol-page .sol-hub-view-all--lte,
  .sol-page .sol-hub-view-all--lte {
    display: flex !important;
  }
  body.sol-page .sol-hub-card,
  .sol-page .sol-hub-card,
  body.sol-page .sol-hub-card.is-active,
  .sol-page .sol-hub-card.is-active {
    width: 200px !important;
    min-width: 200px !important;
    max-width: 200px !important;
    height: 64px !important;
    min-height: 64px !important;
    max-height: 64px !important;
    padding: 8px 12px !important;
  }
  body.sol-page .sol-hub-card h3,
  .sol-page .sol-hub-card h3 {
    font-size: 14px !important;
    line-height: 1.3 !important;
    margin: 0 0 2px !important;
  }
  body.sol-page .sol-hub-card-en,
  .sol-page .sol-hub-card-en {
    font-size: 11px !important;
    line-height: 1.3 !important;
    margin: 0 !important;
  }
  body.sol-page .sol-hub-card-dash,
  .sol-page .sol-hub-card-dash {
    margin-top: 4px !important;
    height: 2px !important;
    width: 20px !important;
  }
  body.sol-page .sol-hub-split,
  .sol-page .sol-hub-split {
    gap: 16px !important;
  }
}

/* ========== notebook: 工程案例主页 ========== */
@media (min-width: 1024px) and (max-width: 1600px) and (max-height: 900px) {
  /* ① Banner → 220；文案垂直居中、简介两行 */
  .cs-page .cases-hero,
  .cs-page .page-hero.cs-hero {
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
    align-items: center !important;
    box-sizing: border-box !important;
  }
  .cs-page .cases-hero .inner,
  .cs-page .page-hero.cs-hero .inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .cs-page .cases-hero h1,
  .cs-page .page-hero.cs-hero h1 {
    margin: 0 0 8px !important;
    font-size: 26px !important;
    line-height: 1.25 !important;
  }
  .cs-page .cases-hero .sub,
  .cs-page .page-hero.cs-hero .sub {
    font-size: 13px !important;
    line-height: 1.5 !important;
    max-width: 720px !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
  }

  /* 面包屑条压矮，与方案页一致 */
  .cs-page .cs-hub-bar {
    height: 44px !important;
    min-height: 44px !important;
    top: var(--av-nav-h, 44px) !important;
  }
  .cs-page .cs-hub-bar-inner {
    height: 44px !important;
    min-height: 44px !important;
  }

  /* ② 疏开布局：标杆轮播缩小卡片、减区块垫 */
  .cs-page .cs-bench-section {
    padding: 28px 0 24px !important;
  }
  .cs-page .cs-bench-head {
    margin-bottom: 14px !important;
  }
  .cs-page .cs-bench-viewport {
    padding: 14px 0 18px !important;
    margin: 0 !important;
  }
  .cs-page .cs-bench-track {
    gap: 16px !important;
    padding: 2px 0 4px !important;
  }
  .cs-page .cs-bench-card {
    flex: 0 0 380px !important;
    width: 380px !important;
    height: 236px !important;
  }
  .cs-page .cs-bench-media {
    flex: 0 0 130px !important;
    height: 130px !important;
  }
  .cs-page .cs-bench-body {
    padding: 12px 16px 14px !important;
  }
  .cs-page .cs-bench-body h3 {
    margin: 0 0 6px !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
  }
  .cs-page .cs-bench-body p {
    font-size: 12px !important;
    line-height: 1.5 !important;
    max-height: calc(12px * 1.5 * 2) !important;
  }
  .cs-page .cs-bench-nav {
    width: 32px !important;
    height: 32px !important;
    margin-top: -16px !important;
  }

  /* 列表网格：减上下空、卡身略收，避免一屏内堆叠压迫感 */
  .cs-page .cs-hub-grid-section,
  .cs-page .section.cs-hub-grid-section {
    padding-top: 28px !important;
    padding-bottom: 36px !important;
  }
  .cs-page .section-head,
  .cs-page .featured-head {
    margin-bottom: 16px !important;
  }
  .cs-page .grid--hub {
    gap: 16px !important;
    padding: 4px 2px 10px !important;
    margin: 0 !important;
  }
  .cs-page .grid--hub .case-body {
    height: 96px !important;
    min-height: 96px !important;
    max-height: 96px !important;
    padding: 12px 14px 14px !important;
  }
  .cs-page .grid--hub .case-title {
    margin: 0 0 6px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }
  .cs-page .grid--hub .case-desc {
    font-size: 12px !important;
    line-height: 1.5 !important;
    min-height: calc(12px * 1.5 * 2) !important;
    max-height: calc(12px * 1.5 * 2) !important;
  }
  .cs-page .view-all-wrap {
    margin-top: 14px !important;
  }

  /* 若开启分屏：条高与面板内边距同步笔记本密度 */
  body.cs-page.has-hub-fullpage {
    --hub-nav-h: var(--av-nav-h, 44px);
    --hub-bar-h: 44px;
    --hub-panel-h: calc(100svh - var(--hub-nav-h) - var(--hub-bar-h));
  }
  body.cs-page.has-hub-fullpage .cs-bench-section.hub-panel,
  body.cs-page.has-hub-fullpage .cs-hub-grid-section.hub-panel {
    padding-top: 22px !important;
    padding-bottom: 18px !important;
  }
}

/* ========== notebook: 产品详情面包屑 + 选项卡 ========== */
@media (min-width: 1024px) and (max-width: 1600px) and (max-height: 900px) {
  .pd-page .pd-subnav {
    height: 44px !important;
    min-height: 44px !important;
    top: var(--av-nav-h, 44px) !important;
  }
  .pd-page .pd-subnav-inner {
    height: 44px !important;
    min-height: 44px !important;
    gap: 12px !important;
  }
  .pd-page .pd-breadcrumb {
    font-size: 12px !important;
    gap: 4px !important;
    max-width: min(480px, 48%) !important;
  }
  .pd-page .pd-breadcrumb a {
    max-width: 160px !important;
  }
  .pd-page .pd-bc-current {
    max-width: 180px !important;
  }
  .pd-page .pd-bc-home-icon {
    width: 12px !important;
    height: 12px !important;
  }
  /* 右侧选项卡：整体更矮、单项更窄、字号更小 */
  .pd-page .pd-nav-links {
    padding: 2px !important;
    gap: 1px !important;
  }
  .pd-page .pd-nav-links a {
    font-size: 12px !important;
    line-height: 1.3 !important;
    padding: 4px 10px !important;
  }

  /* 介绍区数据指标数字缩小 */
  .pd-page .pd-stat-value {
    font-size: 22px !important;
    line-height: 1.2 !important;
  }
  .pd-page .pd-stat-value.is-pending {
    font-size: 16px !important;
  }
  .pd-page .pd-stat-label {
    font-size: 12px !important;
    margin-top: 6px !important;
  }
}

/* ========== notebook: 详情面包屑统一 + 详情 Banner + 关于页 ========== */
@media (min-width: 1024px) and (max-width: 1600px) and (max-height: 900px) {
  /* ① 方案/案例/算法详情条：对齐产品详情 pd-subnav
   * 折叠屏 MQ 与本 notebook 区间重叠时，由 adapt-fold.css 的更高/同级选择器覆盖高度 */
  .sol-detail-bar,
  .sol-detail-page .sol-detail-bar,
  .algo-d-bar {
    height: 44px !important;
    min-height: 44px !important;
    top: var(--av-nav-h, 44px) !important;
  }
  .sol-detail-bar-inner,
  .sol-detail-page .sol-detail-bar-inner,
  .algo-d-bar-inner {
    height: 44px !important;
    min-height: 44px !important;
    gap: 12px !important;
  }
  .algo-d-search {
    width: 200px !important;
    max-width: min(36vw, 220px) !important;
    height: 34px !important;
    padding: 0 3px 0 14px !important;
    gap: 6px !important;
    border-radius: 999px !important;
  }
  .algo-d-search-input {
    height: 100% !important;
    font-size: 12px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
  }
  .algo-d-search-btn {
    width: 28px !important;
    height: 28px !important;
    border-radius: 50% !important;
  }
  .sol-detail-crumb,
  .algo-d-crumb {
    font-size: 12px !important;
    gap: 4px !important;
  }
  .sol-detail-home-icon,
  .algo-d-crumb .algo-home-icon,
  .sol-detail-crumb .sol-home-icon {
    width: 12px !important;
    height: 12px !important;
  }
  .sol-detail-pills,
  .sol-detail-page .sol-detail-pills {
    padding: 2px !important;
    gap: 1px !important;
  }
  .sol-detail-pill,
  .sol-detail-page .sol-detail-pill {
    font-size: 12px !important;
    line-height: 1.3 !important;
    padding: 4px 10px !important;
  }

  /* ② 方案/案例详情 Banner：body 已 padding-top 让开导航，此处勿再叠 nav-h，否则顶空底紧 */
  .sol-detail-page .detail-hero,
  body.cs-detail .detail-hero,
  .cs-page.cs-detail .detail-hero,
  .cs-detail .sol-detail-page .detail-hero,
  .detail-hero {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;
    height: auto !important;
    min-height: min(300px, 52vh) !important;
    max-height: none !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
  }
  .sol-detail-page .detail-hero__inner,
  body.cs-detail .detail-hero__inner,
  .cs-page.cs-detail .detail-hero__inner,
  .detail-hero__inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    flex: 0 0 auto !important;
    align-self: stretch !important;
    gap: 0 !important;
    width: 100% !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    box-sizing: border-box !important;
  }
  /* Hero 内面包屑与下方工具条重复，笔记本端隐藏腾空间 */
  .sol-detail-page .detail-hero .breadcrumb,
  body.cs-detail .detail-hero .breadcrumb,
  .cs-page.cs-detail .detail-hero .breadcrumb,
  .detail-hero .breadcrumb {
    display: none !important;
  }
  .sol-detail-page .detail-hero h1,
  body.cs-detail .detail-hero h1,
  .cs-page.cs-detail .detail-hero h1 {
    font-size: clamp(20px, 2.2vw, 24px) !important;
    line-height: 1.25 !important;
    margin: 0 0 6px !important;
    max-width: 100% !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    overflow: hidden !important;
  }
  .cs-page.cs-detail .detail-hero .case-pubdate,
  body.cs-detail .detail-hero .case-pubdate {
    margin: 0 0 6px !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: rgba(255, 255, 255, 0.72) !important;
  }
  .sol-detail-page .detail-hero .sub,
  body.cs-detail .detail-hero .sub,
  .cs-page.cs-detail .detail-hero .sub {
    margin: 0 0 8px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    max-width: min(680px, 100%) !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  .sol-detail-page .detail-hero .anchors,
  body.cs-detail .detail-hero .anchors,
  .cs-page.cs-detail .detail-hero .anchors {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 0 10px !important;
    max-width: 100% !important;
  }
  .sol-detail-page .detail-hero .anchors span,
  body.cs-detail .detail-hero .anchors span,
  .cs-page.cs-detail .detail-hero .anchors span {
    margin: 0 !important;
    padding: 4px 10px !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
    white-space: normal !important;
  }
  .sol-detail-page .detail-hero__cta,
  body.cs-detail .detail-hero__cta,
  .cs-page.cs-detail .detail-hero__cta {
    position: relative !important;
    z-index: 2 !important;
    margin: 2px 0 0 !important;
    flex-shrink: 0 !important;
  }
  .sol-detail-page .detail-hero__cta .btn-consult,
  body.cs-detail .detail-hero__cta .btn-consult,
  .cs-page.cs-detail .detail-hero__cta .btn-consult {
    padding: 10px 22px !important;
    font-size: 13px !important;
  }

  /* ③ 关于系 about-hero 统一 220 */
  .about-hero,
  .about-hero.about-panel,
  .about-hero.about-panel--auto,
  .about-hero:not(.hub-panel--auto),
  body.ai-page.has-about-fullpage .about-hero.about-panel,
  body.ai-page.has-about-fullpage .about-hero.about-panel--auto {
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
  }
  .about-hero .inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    height: 100% !important;
  }
  .about-hero h1 {
    margin-bottom: 8px !important;
  }
  .about-hero .sub {
    font-size: 13px !important;
    line-height: 1.5 !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  /*
   * ④ 关于页：干掉 PC 写死的 810/820 虚高（录屏首屏大块留白根因）
   * 分屏开启后面板高 = 视口 − 导航；内容顶对齐，禁止垂直居中造成「半屏空白」。
   */
  .ai-page .section.section--intro,
  .ai-page .section.section--global,
  .ai-page .section.section--chain {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
  }
  body.ai-page.has-about-fullpage {
    --about-panel-h: calc(100svh - var(--av-nav-h, 44px));
    --about-panel-top: 12px;
  }
  body.ai-page.has-about-fullpage .about-panel:not(.about-panel--auto):not(.about-hero):not(.about-panel--grow),
  body.ai-page.has-about-fullpage .section.section--intro:not(.about-panel--grow),
  body.ai-page.has-about-fullpage .section.section--global:not(.about-panel--grow),
  body.ai-page.has-about-fullpage .section.section--chain:not(.about-panel--grow),
  body.ai-page.has-about-fullpage .culture-section.about-panel:not(.about-panel--grow) {
    height: var(--about-panel-h) !important;
    min-height: var(--about-panel-h) !important;
    max-height: var(--about-panel-h) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  body.ai-page.has-about-fullpage .about-panel.about-panel--grow,
  body.ai-page.has-about-fullpage .section.section--timeline.about-panel--grow,
  body.ai-page.has-about-fullpage .honor-section.about-panel--grow {
    height: auto !important;
    max-height: none !important;
    min-height: var(--about-panel-h) !important;
    overflow: visible !important;
  }
  body.ai-page.has-about-fullpage .section.section--intro {
    padding: var(--av-intro-pad-y, 0) var(--site-gutter, 24px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body.ai-page.has-about-fullpage .section--intro .intro-inner {
    gap: var(--av-intro-gap, 40px) !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
  }
  body.ai-page.has-about-fullpage .section--intro .intro-row {
    gap: var(--av-intro-gap, 40px) !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
  }
  body.ai-page.has-about-fullpage .section--intro .intro-text {
    font-size: 12.5px !important;
    line-height: 1.45 !important;
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: var(--av-intro-text-maxw, 440px) !important;
    padding-right: 0 !important;
  }
  body.ai-page.has-about-fullpage .section--intro .intro-text p {
    margin-bottom: 6px !important;
  }
  body.ai-page.has-about-fullpage .section--intro .intro-video {
    flex: 0 0 var(--av-intro-video-w, 500px) !important;
    width: var(--av-intro-video-w, 500px) !important;
    max-width: min(var(--av-intro-video-w, 500px), 52%) !important;
    aspect-ratio: 16 / 9 !important;
    height: auto !important;
    max-height: calc(var(--about-panel-h) - 56px) !important;
    margin-left: 0 !important;
  }
  body.ai-page.has-about-fullpage .section--intro .intro-video video,
  body.ai-page.has-about-fullpage .section--intro .intro-video img {
    width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    object-fit: cover !important;
  }

  /* ⑤ 全球：地图压进面板，文案可换行不裁切；矮屏给地图够高避免压扁 */
  body.ai-page.has-about-fullpage .section.section--global {
    padding: 8px var(--site-gutter, 24px) 8px !important;
    display: flex !important;
    align-items: flex-start !important;
  }
  body.ai-page.has-about-fullpage .section--global .global-inner,
  .ai-page .section--global .global-inner {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    gap: 18px !important;
    align-items: center !important;
    width: 100% !important;
    grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) !important;
  }
  body.ai-page.has-about-fullpage .section--global .map-box,
  .ai-page .section--global .map-box {
    height: min(360px, calc(var(--about-panel-h, 100vh) - 40px)) !important;
    max-height: min(360px, calc(var(--about-panel-h, 100vh) - 40px)) !important;
    min-height: 240px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  /* 密集态：地图 + 下方网点图例 */
  body.ai-page.has-about-fullpage .section--global .map-box.is-dense,
  .ai-page .section--global .map-box.is-dense {
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  .ai-page .section--global .map-box.is-dense .map-svg-wrap {
    flex: 1 1 auto !important;
    min-height: 168px !important;
    height: auto !important;
    max-height: none !important;
    margin-top: 0 !important;
    padding-top: 4px !important;
  }
  .ai-page .section--global .map-box.is-dense .map-svg-wrap svg {
    height: 100% !important;
    min-height: 0 !important;
  }
  .ai-page .section--global .map-box.is-dense .map-location-hint,
  .ai-page .section--global .map-box.is-compact .map-location-hint {
    display: none !important;
  }
  .ai-page .section--global .map-box.is-dense .map-location-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 3px 4px !important;
    margin-top: 4px !important;
    padding: 0 0 1px !important;
    max-height: 64px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    flex: 0 0 auto !important;
  }
  .ai-page .section--global .map-box.is-dense .map-location-chip {
    padding: 1px 6px !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
    border-radius: 999px !important;
  }
  .ai-page .section--global .map-box:not(.is-dense):not(.is-compact) .map-svg-wrap,
  .ai-page .section--global .map-box:not(.is-dense):not(.is-compact) svg {
    height: 100% !important;
    min-height: 168px !important;
  }
  body.ai-page.has-about-fullpage .section--global .global-copy,
  body.ai-page.has-about-fullpage .section--global .global-text,
  body.ai-page.has-about-fullpage .section--global .global-desc,
  body.ai-page.has-about-fullpage .section--global .global-desc p {
    font-size: 12.5px !important;
    line-height: 1.45 !important;
  }
  body.ai-page.has-about-fullpage .section--global h2,
  body.ai-page.has-about-fullpage .section--global .global-title {
    font-size: 17px !important;
    line-height: 1.3 !important;
    margin-bottom: 6px !important;
  }
  body.ai-page.has-about-fullpage .section--global .global-stats {
    gap: 8px 10px !important;
    margin-top: 10px !important;
  }
  body.ai-page.has-about-fullpage .section--global .global-stat b {
    font-size: 20px !important;
  }
  body.ai-page.has-about-fullpage .section--global .global-stat span {
    font-size: 11px !important;
    line-height: 1.3 !important;
  }
  body.ai-page.has-about-fullpage .section--global .hq-label,
  body.ai-page.has-about-fullpage .section--global .city-label {
    font-size: 11px !important;
  }
  /* 切换条改文档流，与地图留出间距，不再盖住地图 */
  body.ai-page.has-about-fullpage .section--global .map-switch {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    transform: none !important;
    align-self: center !important;
    flex: 0 0 auto !important;
    margin: 0 0 var(--av-map-switch-gap, 12px) !important;
    z-index: 2 !important;
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    padding: 3px !important;
    height: auto !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
  }
  body.ai-page.has-about-fullpage .section--global .map-svg-wrap {
    position: relative !important;
    z-index: 1 !important;
  }
  body.ai-page.has-about-fullpage .section--global .map-switch button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: var(--av-map-switch-h, 26px) !important;
    min-height: var(--av-map-switch-h, 26px) !important;
    max-height: var(--av-map-switch-h, 26px) !important;
    padding: 0 12px !important;
    margin: 0 !important;
    line-height: 1 !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.3px !important;
    box-sizing: border-box !important;
    vertical-align: middle !important;
    transform: none !important;
  }
  body.ai-page.has-about-fullpage .section--global .map-switch button.active {
    font-weight: 700 !important;
  }

  /* ⑥ 全链路：左侧文案+GIF 垂直居中，与导航拉开距离 */
  body.ai-page.has-about-fullpage .section.section--chain {
    padding-top: var(--av-chain-pad-top, 72px) !important;
    padding-bottom: var(--av-chain-pad-bottom, 28px) !important;
    padding-left: var(--site-gutter, 24px) !important;
    padding-right: var(--site-gutter, 24px) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    overflow: hidden !important;
  }
  body.ai-page.has-about-fullpage .section--chain .chain-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    gap: 16px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    margin: 0 !important;
  }
  body.ai-page.has-about-fullpage .section--chain .chain-content {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    max-width: min(420px, 46%) !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
  }
  .ai-page .section--chain .chain-gif-stack,
  .ai-page .section--chain .chain-gif-stack__layers {
    width: min(300px, 100%) !important;
    max-width: min(300px, 100%) !important;
  }
  .ai-page .section--chain .chain-gif-stack__layer img {
    height: 148px !important;
  }
  .ai-page .section--chain .chain-gif-stack--multi {
    padding-bottom: 14px !important;
    margin-top: 12px !important;
  }
  .ai-page .section--chain .chain-gif-stack--multi .chain-gif-stack__layer:nth-child(2) {
    transform: translate(3px, 8px) scale(0.93) !important;
  }
  .ai-page .section--chain .chain-gif-stack--multi .chain-gif-stack__layer:nth-child(3) {
    transform: translate(6px, 14px) scale(0.88) !important;
  }
  body.ai-page.has-about-fullpage .section--chain h2,
  body.ai-page.has-about-fullpage .section--chain .chain-title {
    font-size: 18px !important;
    line-height: 1.3 !important;
    margin: 0 0 10px !important;
  }
  body.ai-page.has-about-fullpage .section--chain .chain-copy,
  body.ai-page.has-about-fullpage .section--chain .chain-text,
  body.ai-page.has-about-fullpage .section--chain .chain-desc,
  body.ai-page.has-about-fullpage .section--chain p {
    font-size: 12.5px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
  }

  /* ⑦ 发展历程 / 企业实力：吸附后已在导航下 */
  body.ai-page.has-about-fullpage .section--timeline .tl-hist {
    padding-top: 12px !important;
  }
  body.ai-page.has-about-fullpage .honor-section.about-panel,
  body.ai-page.has-about-fullpage #honorSection.about-panel {
    padding-top: 12px !important;
    padding-left: var(--site-gutter, 24px) !important;
    padding-right: var(--site-gutter, 24px) !important;
  }
  body.ai-page.has-about-fullpage .section--timeline .tl-hist__head,
  body.ai-page.has-about-fullpage .honor-section .section-head {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
  }

  /* ⑧ 企业文化 */
  body.ai-page.has-about-fullpage .culture-section.about-panel {
    padding: 12px var(--site-gutter, 24px) 10px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: stretch !important;
  }
  body.ai-page.has-about-fullpage .culture-section .culture-section__head {
    margin-bottom: 8px !important;
  }
  body.ai-page.has-about-fullpage .culture-section .culture-card {
    min-height: 100px !important;
    padding: 10px 12px !important;
  }
  body.ai-page.has-about-fullpage .culture-section .culture-grid {
    gap: 10px !important;
  }
}

/* ========== notebook: 算法详情「相关算法推荐」三卡轮播 ========== */
@media (min-width: 1024px) and (max-width: 1440px) {
  body.algo-detail-page #algoRelBox .sol-rel-carousel.is-laptop-3up .sol-rel-carousel__track,
  body.algo-detail-page #algoRelBox .sol-rel-carousel.is-laptop-3up:not(.is-carousel) .sol-rel-carousel__track.sol-rel-cards {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    gap: 12px !important;
  }
  body.algo-detail-page #algoRelBox .sol-rel-card__media {
    aspect-ratio: 16 / 9 !important;
  }
  body.algo-detail-page #algoRelBox .sol-rel-card__body {
    padding: 10px 12px 12px !important;
  }
  body.algo-detail-page #algoRelBox .sol-rel-card__title {
    font-size: 14px !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
  }
  body.algo-detail-page #algoRelBox .sol-rel-carousel.is-carousel {
    --sol-rel-arrow-w: 14px !important;
    --sol-rel-arrow-gap: 6px !important;
  }
}

/* ========== notebook: 产品详情「相关案例 / 相关产品」三卡轮播 ========== */
@media (min-width: 1024px) and (max-width: 1440px) {
  .pd-page #cases .sol-rel-carousel.is-laptop-3up .sol-rel-carousel__track,
  .pd-page #cases .sol-rel-carousel.is-laptop-3up:not(.is-carousel) .sol-rel-carousel__track.sol-rel-cards,
  .pd-page #series .sol-rel-carousel.is-laptop-3up .sol-rel-carousel__track,
  .pd-page #series .sol-rel-carousel.is-laptop-3up:not(.is-carousel) .sol-rel-carousel__track.sol-rel-tiles {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    gap: 12px !important;
  }
  .pd-page #cases .sol-rel-card__media {
    aspect-ratio: 16 / 9 !important;
  }
  .pd-page #cases .sol-rel-card__body {
    padding: 10px 12px 12px !important;
  }
  .pd-page #cases .sol-rel-card__title {
    font-size: 14px !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
  }
  /* 相关产品：三列时改为上图下文竖卡，避免横条挤成一团 */
  .pd-page #series .sol-rel-carousel.is-laptop-3up .sol-rel-tile {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  .pd-page #series .sol-rel-carousel.is-laptop-3up .sol-rel-tile__thumb {
    flex: 0 0 auto !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 10 !important;
    border-radius: 4px 4px 0 0 !important;
    padding: 8px !important;
  }
  .pd-page #series .sol-rel-carousel.is-laptop-3up .sol-rel-tile__body {
    padding: 10px 12px 12px !important;
  }
  .pd-page #series .sol-rel-carousel.is-laptop-3up .sol-rel-tile__arrow {
    display: none !important;
  }
  .pd-page #series .sol-rel-carousel.is-laptop-3up .sol-rel-tile__name {
    font-size: 13px !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
  }
  .pd-page #cases .sol-rel-carousel.is-carousel,
  .pd-page #series .sol-rel-carousel.is-carousel {
    --sol-rel-arrow-w: 14px !important;
    --sol-rel-arrow-gap: 6px !important;
  }
}