/*--------------------------------------------------------------------------------overview*/
   .trackit-overview-container {
       display: flex;
       flex-direction: column;
       gap: 12px;
   }

   .trackit-overview-container .trackit-overview-row {
       display: flex;
       gap: 16px;
       aspect-ratio: 1200 / 400;
   }

   .trackit-overview-row .trackit-overview-item {
       position: relative;
   }

   .trackit-overview-row .lg-item {
       width: 57.8%;
       max-width: 693px;
       flex-shrink: 0;
   }

   .trackit-overview-row .sm-item {
       flex: 1;
   }

   .trackit-overview-img {
       width: 100%;
       height: 100%;
       border-radius: 16px;
       overflow: hidden;
   }

   .trackit-overview-text {
       position: absolute;
       color: #fff;
       top: 30px;
       left: 0;
       right: 0;
       text-align: center;
   }

   .ov-pc-medium {
       display: block !important;
   }

   .ov-mb-medium {
       display: none !important;
   }

   .ov-title {
       font-size: 30px;
       font-weight: 700;
       font-family: Noto Sans Hans;
       padding: 6px;
   }

   .ov-lt-title {
       text-align: left;
       padding-left: 30px !important;
   }

   .pc-bottom-center {
       top: auto !important;
       bottom: 28px !important;
       left: 0 !important;
       right: 0 !important;
       text-align: center !important;
   }


   .ov-text {
       font-size: 18px;
       font-family: Noto Sans Hans;
       padding: 6px;
   }

   .hr {
       border: none;
       height: 2px;
       background: #ccc;
       margin: 20px 0;
   }

   @media (max-width: 768px) {
       .trackit-overview-container {
           gap: 10px;
       }

       .trackit-overview-container .trackit-overview-row {
           flex-direction: column;
           gap: 10px;
       }

       .trackit-overview-row .lg-item {
           width: 100%;
       }

       .trackit-overview-row .trackit-overview-img {
           border-radius: 8px;
       }

       .ov-pc-medium {
           display: none !important;
       }

       .ov-mb-medium {
           display: block !important;
           width: 100%;
       }

       .trackit-overview-text {
           top: 20px;
       }

       .ov-title {
           font-size: 18px;
       }

       .ov-lt-title {
           text-align: center;
       }

       .ov-text {
           font-size: 14px;
       }

       .pc-bottom-center {
           top: 20px !important;
           bottom: unset !important;
       }

       .mb-bottom-center {
           bottom: 20px !important;
           top: unset !important;
       }

       #one-pf-c {
           order: 1;
       }
   }

   /*--------------------------------------------------------------------------------Take a Closer Look*/

   .m-tkshow {
       max-width: 1800px;
   }

   .responsive-container {
       display: flex;
       flex-direction: column;
       gap: 20px;
       padding: 20px;
   }

   .video-container,
   .iframe-container {
       width: 100%;
   }

   /* 视频和 iframe 高度同步 */
   .video-container video,
   .iframe-container iframe {
       width: 100%;
       height: 250px;
       border-radius: 8px;
       object-fit: cover;
       /* 视频填充容器 */
   }

   /* 电脑端（宽度 ≥ 768px） */
   @media (min-width: 768px) {
       .responsive-container {
           flex-direction: row;
           align-items: stretch;
           /* 确保两个容器高度一致 */
       }

       .video-container,
       .iframe-container {
           width: 50%;
           /* 电脑端：各占一半宽度 */
       }

       .video-container video,
       .iframe-container iframe {
           height: 500px;
       }
   }

   /*单frame呈现样式
      .iframe-container {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 600px;
      }

      .iframe-container iframe {
        width: 100%;
        height: 100%;
        max-width: 1200px;
        max-height: 800px;
      }
*/

   /*--------------------------------------------------------------------------------frame*/
   .frame-trackit {
       padding-top: 80px;
   }

   .trackit-h2-title {
       margin-bottom: 48px;
   }

   .trackit-h2-title h2 {
       height: 85px;
       display: flex;
       justify-content: center;
       align-items: center;
       font-size: 48px;
       font-weight: 700;
       color: #333333;
       font-family: Noto Sans Hans;
       position: relative;
   }

   .tk-c-vd {
       flex: auto;
       max-width: 56.7%;
   }

   @media (max-width: 768px) {
       .frame-trackit {
           padding-top: 24px;
       }

       .trackit-h2-title {
           margin-bottom: 18px;
       }

       .trackit-h2-title h2 {
           font-size: 28px;
           line-height: 33px;
       }

       .tk-c-vd {
           max-width: 100%;
       }
   }

   /*-----------------------------------------------------------------------------content-1*/
   .trackit-h4-title {
       margin-top: 60px;
       margin-bottom: 16px;
   }

   .trackit-h4-title h4 {
       font-size: 36px;
       font-weight: 700;
       color: #333333;
       font-family: Noto Sans Hans;
       position: relative;
       display: flex;
       justify-content: center;
       align-items: center;
   }

   .trackit-content p {
       font-weight: 400;
       line-height: 2.5rem;
       margin-top: 2.125rem;
       margin-bottom: 2rem;
       font-size: 24px;
       color: #999999;
       font-family: Noto Sans Hans;
       text-align: center;
   }

   .trackit-ctext {
       display: flex;
       gap: 40px;
       padding: 50px 10px;
   }

   .trackit-ctext-lt {
       flex: 2;
   }

   .trackit-ctext-lt-p1 {
       font-family: Noto Sans Hans;
       font-size: 26px;
       margin-bottom: 10px;
   }

   .trackit-ctext-lt-p2 {
       font-family: Noto Sans Hans;
       font-size: 30px;
       font-weight: 900;
       background: linear-gradient(to right, #1877f2, #b9d7ff);
       -webkit-background-clip: text;
       background-clip: text;
       color: transparent;
       margin-bottom: 15px;
   }

   .trackit-dual-modes {
       display: flex;
       gap: 40px;
       padding-top: 56px;
       padding-bottom: 90px;
   }

   .tk-dual-text {
       display: flex;
       align-items: center;
       gap: 20px;
       height: 52px;
       margin-bottom: 38px;
       font-size: 28px;
       font-weight: 700;
       font-family: Noto Sans Hans;
   }

   .tk-dual-text img {
       display: block;
       width: auto;
       height: 100%;
   }

   .double-img-item>img {
       border-radius: 12px;
       overflow: hidden;
   }

   .tk-dual-prase {
       padding-bottom: 3rem;
       padding-top: 1.5rem;
       font-family: Noto Sans Hans;
       color: #999999;
       font-size: 18px;
   }

   .dual-sp-item {
       position: relative;
       top: 90px;
   }

   .tk-dual-prase-op {
       font-family: Noto Sans Hans;
       font-weight: 700;
       font-size: 28px;
       padding-top: 1.5rem;
       text-align: center;
   }

   @media (max-width: 768px) {
       .trackit-h4-title h4 {
           font-size: 24px;
       }

       .trackit-h4-title {
           margin-top: 16px;
           margin-bottom: 16px;
       }

       .trackit-content p {
           font-size: 16px;
       }

       .trackit-ctext {
           flex-direction: column;
           gap: 20px;
       }

       .trackit-ctext-lt-p1 {
           font-size: 22px;
           text-align: center;
       }

       .trackit-ctext-lt-p2 {
           font-size: 24px;
           text-align: center;
       }

       .trackit-dual-modes {
           flex-direction: column;
           padding-top: 20px;
           padding-bottom: 20px;
           gap: 20px;
       }

       .tk-dual-text {
           font-size: 22px;
       }

       .dual-sp-item {
           top: 0
       }

       .tk-dual-prase-op {
           font-family: Noto Sans Hans;
           font-weight: 700;
           font-size: 16px;
           padding-top: 1rem;
       }

       .tk-cnas-img {
           position: relative;
           top: 50%;
           left: 50%;
           transform: translate(-50%, -5%);
       }
   }

   /*-----------------------------------------------------------------------------Easily Scan Large Workpieces*/

   .tk-img-text-container {
       display: flex;
       align-items: center;
       gap: 54px;
   }

   .img-wrap {
       width: 750px;
       flex-shrink: 0;
   }

   .img-wrap img {
       display: block;
       width: 100%;
       height: auto;
       border-radius: 12px;
       object-fit: contain;
   }

   .text-wrap {
       flex: 1;
   }

   .trackit-tips {
       font-size: 14px;
       color: #666;
       margin-top: 28px;
   }

   @media (max-width: 768px) {
       .tk-img-text-container {
           flex-direction: column;
           gap: 24px;
       }

       .img-wrap {
           width: 100%;
           max-width: 750px;
           margin: 0 auto;
       }

       .img-wrap img {
           width: auto;
           max-height: 400px;
       }

       .trackit-tips p {
           text-align: center;
       }
   }

   /*-----------------------------------------------------------------------------Robust Carbon Fiber Frame*/
   .trackit-text-hf {
       color: #999999;
       font-size: 24px;
       font-family: Noto Sans Hans;
       line-height: 2.5rem;
   }

   .trackit-text-hf-title {
       color: #000;
       font-size: 38px;
       font-family: Noto Sans Hans;
       margin-bottom: 10px;
       font-weight: 700;
   }

   @media (max-width: 768px) {
       .trackit-text-hf {
           font-size: 16px;
       }

       .tk-reverse {
           flex-direction: column-reverse;
       }

       .trackit-text-hf-title {
           font-size: 24px;
           text-align: center;
       }
   }


   /*-----------------------------------------------------------------------------softs*/
   .softs-jh {
       display: flex;
       flex-direction: row;
       justify-content: center;
       gap: 30px;
       width: 100%;
       padding: 36px 0;
   }

   .content-tab {
       flex: 3;
   }

   .imagem,
   .descriptions {
       display: none;
   }

   .active {
       display: block;
   }

   .imagem video {
       width: 100%;
       /*max-width: 750px;*/
       max-width: 840px;
   }

   /*.descriptions p {
       color: #ffffff;
       text-align: left;
       margin-top: 50px;
       line-height: 1.5rem;
       font-family: Noto Sans Hans;
   }*/


   .tk-dt {
       font-size: 40px;
       color: #ffffff;
       margin-top: 50px;
       font-family: Noto Sans Hans;
       text-align: left;
   }


   .tk-sf-t2 {
       color: #ffffff;
       text-align: left;
       margin-top: 20px;
       line-height: 1.5rem;
       font-family: Noto Sans Hans;
   }

   .m-p {
       margin-top: 50px;
   }

   .tk-sf-tl {
       font-size: 32px;
       font-weight: 700;
       padding-bottom: 16px;
   }

   .vtabs {
       display: flex;
       flex-direction: column;
       flex: 1;
       gap: 74px;
   }

   .tab {
       cursor: pointer;
       padding: 0.75rem;
       background-color: #333;
       color: #fff;
       text-align: center;
       border-radius: 5px;
       transition: background-color 0.3s ease;
       font-size: 20px;
       font-family: Noto Sans Hans;
   }

   .tab:hover {
       background-color: #555;
   }

   .tab.highlight {
       background-color: #555;
       box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
       transform: scale(1.05);
       transition: all 0.2s ease-in-out;
   }

   @media screen and (max-width: 768px) {
       .softs-jh {
           flex-direction: column;
       }

       .vtabs {
           flex-direction: row;
           justify-content: space-around;
           gap: 15px;
       }

       .tab {
           cursor: pointer;
           padding: 1rem;
           background-color: #333;
           color: #fff;
           text-align: center;
           border-radius: 5px;
           transition: background-color 0.3s ease;
           font-size: 1.2rem;
       }
   }

   /*-----------------------------------------------------------------------------3D Measurement Solutions*/

   #tk-md7 {
       position: relative;
       overflow: hidden;
       min-height: 500px;
       padding: 40px 0;
       color: #FFFFFF;
       height: 1080px;
   }

   .measure-img {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       z-index: 1;
   }

   .measure-img img {
       width: 100%;
       height: 85%;
       object-fit: cover;
       object-position: center;
       opacity: 0.8;
   }

   .trackit-h4-title,
   .trackit-content,
   .measure-tips {
       position: relative;
       z-index: 2;
   }


   .measure-tips {
       /*margin: 0 360px;
      padding: 80px 0;*/
       position: absolute;
       top: 50%;
       left: 0;
       right: 0;
       max-width: 1200px;
       padding: 0 42px;
       margin: -50px auto 0;
   }


   .measure-logo {
       margin-bottom: 30px;
       width: 9.5vw;
       max-width: 182px;
   }

   .measure-tips-content {
       width: 440px;
       display: grid;
       grid-template-columns: repeat(2, 1fr);
       gap: 16px;
   }

   .measure-tip-item {
       display: flex;
       align-items: center;
       gap: 12px;
       margin-bottom: 12px;
   }

   .measure-tip-item img {
       width: 40px;
       height: 40px;
       flex-shrink: 0;
   }

   .measure-tip-text p {
       font-size: 14px;
       line-height: 1.4;
       margin: 0;
   }

   @media screen and (max-width: 768px) {
       #tk-md7 {
           min-height: auto;
           height: auto;
           padding: 30px 20px 0;
           display: flex;
           flex-direction: column;
       }

       /* 显示移动端图片 */
       .measure-img .ov-mb-medium {
           display: block;
           opacity: 1;
           width: 100vw;
           /* 使用视窗宽度 */
           margin-left: calc(-50vw + 50%);
           /* 抵消父容器的padding */
           max-width: none;
       }

       /* 调整measure-img为相对定位 */
       .measure-img {
           position: relative;
           order: 2;
           height: auto;
           margin-top: 30px;
           z-index: 1;
           width: auto;
           left: 0;
           right: 0;
           padding: 0;
       }

       .measure-img img {
           position: static;
           height: auto;
           max-height: 300px;
           object-fit: cover;
       }

       .measure-tips {
           position: relative;
           top: auto;
           margin: 0;
           padding: 0 20px;
           order: 1;
           width: 100%;
           box-sizing: border-box;
       }

       .measure-tips-content {
           width: 100%;
       }

       .measure-logo {
           width: 25vw;
           margin-bottom: 20px;
       }
   }

   /*-----------------------------------------------------------------------------Professional Applications*/
   .tk-page-proapplication {
       padding: 60px 0;
       overflow: hidden;
       background-color: #f8f8f8;
   }

   .section-hpc-swiper {
       width: 100%;
       margin: 0 auto;
       padding: 0 40px;
       position: relative;
   }

   .section-hpc-swiper-ct {
       max-width: 1400px;
       margin: 0 auto;
       position: relative;
   }

   .shp-rw-tp {
       display: flex;
       overflow-x: auto;
       scroll-snap-type: x mandatory;
       scroll-behavior: smooth;
       -webkit-overflow-scrolling: touch;
       gap: 20px;
       padding-bottom: 30px;
       margin-bottom: 20px;
       transform: translateZ(0);
       will-change: scroll-position;
       scrollbar-width: none;
   }

   .shp-rw-tp::-webkit-scrollbar {
       display: none;
   }

   .hpa-ct-c {
       flex: 0 0 calc(100% / 3 - 14px);
       min-width: calc(100% / 3 - 14px);
       scroll-snap-align: start;
       box-sizing: border-box;
       background-color: #FFFFFF;
       height: auto;
       position: relative;
       z-index: 1;
       box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
       border-radius: 12px;
       overflow: hidden;
       transition: transform 0.3s ease, box-shadow 0.3s ease;
       min-height: 550px;
       /* 设置卡片最小高度 */
   }

   .hpa-ct-c:hover {
       transform: translateY(-5px);
       box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
   }

   .slide-img-wrapper {
       height: 320px;
       overflow: hidden;
   }

   .slide-img-wrapper img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       display: block;
       transition: transform 0.5s ease;
   }

   .hpa-ct-c:hover .slide-img-wrapper img {
       transform: scale(1.03);
   }

   /* .swdes {
       height: calc(550px - 380px);

       padding: 15px 20px;
       display: flex;
       flex-direction: column;
       justify-content: space-between;
   }*/
   .swdes {
       /* 移除固定高度，改为min-height确保最小高度 */
       min-height: 150px;
       /* 设置一个最小高度 */
       padding: 20px;
       /* 允许高度自动扩展 */
       height: auto;
       /* 保持布局整洁 */
       display: flex;
       flex-direction: column;
   }

   .swdes h3 {
       margin: 0 0 8px;
       font-size: 18px;
       font-weight: 600;
   }

   .swdes p {
       font-size: 15px;
       line-height: 1.6;
       color: #555;
       margin: 0;
       max-height: 180px;
       overflow: hidden;
       /* 确保内容不溢出 */
   }

   .shp-rw-bt {
       display: flex;
       justify-content: center;
       gap: 10px;
       padding: 10px 0;
       position: relative;
       z-index: 2;
   }

   .mobile-bullets {
       display: none;
   }

   .tk-hp-bullet {
       width: 40px;
       height: 4px;
       border-radius: 2px;
       background: #d0d0d0;
       cursor: pointer;
       transition: all 0.3s ease;
   }

   .tk-hp-bullet:hover {
       background: #999;
   }

   .tk-hp-bullet.active {
       background: #333;
       width: 50px;
   }

   /* 移动端样式 (修改点3：优化了移动端卡片间距) */
   @media (max-width: 768px) {
       .section-hpc-swiper {
           padding: 0 15px;
           margin-left: 15px;
       }

       .hpa-ct-c {
           flex: 0 0 calc(100% - 30px);
           margin: 0 15px;
           height: 450px;
       }

       .slide-img-wrapper {
           height: 280px;
       }

       .swdes {
           /* height: calc(450px - 280px);*/
           padding: 15px;
       }

       .desktop-bullets {
           display: none;
       }

       .mobile-bullets {
           display: flex;
       }

       .tk-hp-bullet {
           width: 30px;
           height: 3px;
       }

       .tk-hp-bullet.active {
           width: 40px;
       }

   }

   /*-----------------------------------------------------------------------------Specifications*/
   .section-specifications-content {
       display: grid;
       grid-template-columns: repeat(2, 1fr);
       background-color: #f7f7fa;
       margin-bottom: 3rem;
   }

   .specifications-item img {
       max-width: 190px;
   }

   .specifications-item {
       display: flex;
       justify-content: space-between;
       padding: 16px 23px;
       align-items: center;
       font: 500 20px/normal Noto Sans Hans;
       letter-spacing: 0px;
       color: #494949;
       text-align: left;
       border-bottom: 1px solid #edebeb;
       gap: 10px;
   }

   .specifications-item:not(:nth-child(2n)) {
       border-right: 1px solid #edebeb;
   }

   .specifications-item.trackit-spec-item {
       border-bottom: 10px solid #E64A4B;
   }

   .sp-it-title {
       display: flex;
       min-width: 24%;
       color: #333333;
   }

   .sp-it-description {
       font: 400 16px/normal Noto Sans Hans;
       color: #666;
       text-align: right;
   }

   .sp-it-title sup {
       font-size: 0.6rem;
       vertical-align: super
   }

   @media screen and (max-width: 768px) {
       .section-specifications-content {
           grid-template-columns: repeat(1, 1fr);
       }

       .specifications-item {
           border-right: none !important;
           padding: 10px 0;
       }

       .specifications-item p {
           font-size: 12px;
           padding-left: 20px;
       }
   }