.tsyl-container {
		max-width:1200px;
      width:80%;
      margin: 40px auto;
      background: rgba(255, 255, 255, 0.85);
      backdrop-filter: blur(16px);
      box-shadow: 0 15px 20px -12px rgba(0, 80, 72, 0.25);
      border-radius: 12px;
      padding:10px 30px;
      border: 1px solid rgba(94, 162, 148, 0.35);
    }

    /* 通用图片样式 */
    .tsyl-img {
      width: 100%;
      height: auto;
      display: block;
      object-fit: cover;
      border-radius:10px;
      transition: all 0.3s ease;
      box-shadow: 0 2px 5px rgba(27, 94, 84, 0.15);
      border: 1px solid rgba(90, 156, 140, 0.3);
    }

   
    .tsyl-full-image {
      margin:20px 0;
      border-radius:10px;
      overflow: hidden;
    }

    .tsyl-row {
      display: flex;
      flex-wrap: wrap;
      gap:20px;
      margin:20px 0;
      align-items: center;
    }

    .tsyl-half {
      flex: 1 1 300px;
    }

    .tsyl-text-block {
     
      padding:0px 15px;
      border-radius:120px;
    
	  font-size:16px; line-height:33px;
      transition: all 0.2s;
    }

  

    .tsyl-h1 {
      font-size:20px;
      font-weight: 700;
      color: #0e4d40;
      letter-spacing: 3px;
      margin:5px 0;
      border-bottom: 4px double #3f9e8c;
      padding-bottom:2px;
      text-align: center;
      text-shadow: 0 1px 2px rgba(255,255,255,0.8);
    }

    .tsyl-h2 {
    font-size: 22px;
    font-weight: 700;
    color: #135d4c;
    margin: 20px 0;
    text-align: center;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .tsyl-h2 .lines-left,
  .tsyl-h2 .lines-right {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
  }

  .tsyl-h2 .lines-left {
    align-items: flex-end;
    padding-right: 15px;
  }

  .tsyl-h2 .lines-right {
    align-items: flex-start;
    padding-left: 15px;
  }

  .tsyl-h2 .line {
    height: 2px;
    border-radius: 1px;
  }

  .tsyl-h2 .lines-left .line {
    background: linear-gradient(to right, transparent, #135d4c, #2a9d8f);
  }

  .tsyl-h2 .lines-right .line {
    background: linear-gradient(to left, transparent, #135d4c, #2a9d8f);
  }

  .tsyl-h2 .lines-left .line:nth-child(1) { width: 80%; }
  .tsyl-h2 .lines-left .line:nth-child(2) { width: 100%; }
  .tsyl-h2 .lines-left .line:nth-child(3) { width: 60%; }

  .tsyl-h2 .lines-right .line:nth-child(1) { width: 60%; }
  .tsyl-h2 .lines-right .line:nth-child(2) { width: 100%; }
  .tsyl-h2 .lines-right .line:nth-child(3) { width: 80%; }

  .tsyl-h2 .text {
    white-space: nowrap;
    padding: 10px 0;
  }



.tsyl-h3-h2 {
      font-size:25px;
      font-weight: 700;
      color: #0b4b3e;
      margin:10px 20px;
    
      padding-bottom:10px;
	  text-align:center
    }
	.tsyl-h3-h3 {
      font-size:20px;
      font-weight: 700;
      color: #0b4b3e;
      padding-bottom:10px;
	  text-align:center
    }
	.tsyl-h3-h4 {
      font-size:18px;
      font-weight: 700;
      color: #0b4b3e;
      margin:10px 20px;      padding-bottom:0px;
	  text-align:center; background:#f9f9f9; border-radius:6px;
    }
	
	
    .tsyl-h3 {
      font-size:18px;
	  line-height:40px;
      font-weight: 700;
      color: #333;
      display: flex;
      align-items: center;
      gap:20px;
      border-bottom: 1px dashed #8fc9b9;
      padding-bottom:0px;
	  text-align:center;
	  background: linear-gradient(to right, #d3e9e7 0%, transparent 100%);
  padding-right: 0;
  border-radius:10px 0 0 0 ;
  padding-left:10px
    }
	 .tsyl-h3x {
      font-size:18px;
      font-weight: 700;
      color: #0b4b3e;
      display: flex;
      align-items: center;
      gap:20px;
      border-bottom: 1px dashed #8fc9b9;
      padding-bottom:10px;
	  text-align:center; margin-top:15px;
    }



	
    .tsyl-sub-title {
      font-size:22px;
      font-weight: 500;
      color: #1c6554;
      margin:5px 0;
      text-align: center;
      font-style: italic;
      background: #daf2ea;
      display: inline-block;
      padding:10px 20px;
      border-radius:10px;
      letter-spacing: 1px;
    }

    .tsyl-concept-list {
      list-style: none;
      padding-left:20px;
	  background:#eef8f5;
	  padding:30px; border-radius:10px;
    }

    .tsyl-concept-list li {
      margin-bottom:10px;
      font-size:16px;
      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="%23307d6c"><circle cx="12" cy="12" r="10" fill="%23d0efe5" stroke="%23307d6c" stroke-width="2.2"/><circle cx="12" cy="12" r="4.5" fill="%232d8b7a"/></svg>') left top 8px no-repeat;
      padding-left:30px;
      color: #1e3e34;
	  line-height:33px;
    }

    .tsyl-highlight {
      font-weight: 700;
      color: #0b6650;
      background: linear-gradient(to right, #c3f0e4, transparent);
      padding-right:30px;
	  font-size:18px; line-height:33px;
	  letter-spacing: 2px;
    }

    .tsyl-device-title {
      font-weight: 700;
      font-size:16px;
      color: #135e49;
      margin:20px 0;
      text-align: center;
    }

    .tsyl-bullet-list {
      list-style: none;
    }
    
    .tsyl-bullet-list li {
      margin-bottom:6px;
      padding-left:30px;
      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="%23368b7a"><path d="M12 2l2.8 6.6L22 9.5l-5 5.4 1.2 7.1-6.2-3.7-6.2 3.7L7 14.9l-5-5.4 7.2-.9z"/></svg>') left center no-repeat;
      color: #1c4438;
    }

    .tsyl-circle-decor {
      display: flex;
      align-items: center;
      gap:20px;
      margin:5px 0 5px;
	  font-size:16px; line-height:33px;
    }

    .tsyl-circle-icon {
      width: 50px;
      height: 50px;
      background: radial-gradient(circle at 30% 30%, #7ed0bc, #206b58);
      border-radius: 50%;
      flex-shrink: 0;
      box-shadow: 0 6px 14px rgba(24, 114, 94, 0.4);
      border: 2px solid #b1e3d6;
	   margin-left:30px;
    }
	.tsyl-circle-icon img{
      width: 100%;
      height:100%;
      border-radius: 50%;
   
    }

    .tsyl-flex-row {
      display: flex;
      flex-wrap: wrap;
      gap:20px;
      align-items: center;
    }

    .tsyl-image-label {
      text-align: center;
      margin-top:20px;
      font-weight: 700;
      color: #0b5844;
      background: #d4f1e8;
      display: inline-block;
      padding:10px 20px;
      border-radius:10px;
      letter-spacing: 1px;
    }
	
	 .tsyl-image-labelx {
      text-align: center;
      margin-top:10px;
      font-weight: 700;
      color: #0b5844;
      padding:10px 20px;
      border-radius:10px;
      letter-spacing: 1px;
	  margin:0 auto
    }

    .tsyl-divider {
      margin:20px 0;
      border: 1px solid #9ecebd;
      opacity: 0.5;
      border-radius: 5px;
    }

    .tsyl-paragraph {
      margin-bottom:20px;
    }

    .tsyl-text-center {
      text-align: center;
    }

    .tsyl-margin-top {
      margin-top:20px;
    }

    .tsyl-margin-bottom {
      margin-bottom:10px;
    }

    .tsyl-inline-block {
      display: inline-block;
    }

    .tsyl-font-bold {
      font-weight: 700;
    }

    .tsyl-font-medium {
      font-weight: 500;
    }

    .tsyl-text-color {
      color: #0b5b48;
    }

    .tsyl-italic {
      font-style: italic;
    }

    .tsyl-color-dark {
      color: #155743;
    }

    .tsyl-color-accent {
      color: #0f5e48;
    }

    @media (max-width: 680px) {
      body {
        padding:0px;
      }
      .tsyl-container {
        padding:15px; width:95%
      }
      .tsyl-h1 {
        font-size:18px;
      }
	  .tsyl-h2 {
    font-size: 18px;
    font-weight: 700;
    color: #135d4c;
    margin: 20px 0;
    text-align: center;
    letter-spacing: 0px;
  
  }
   .tsyl-color-dark {
      color: #155743; font-size:15px;
    }
	
	 .tsyl-circle-decor {
   
	  font-size:15px; line-height:30px;
    }
	
	 .tsyl-concept-list {
      list-style: none;
      padding-left:15px;
	  background:#eef8f5;
	  padding:30px 10px; border-radius:10px;
    }
	.tsyl-highlight {
     
	  font-size:16px; line-height:33px;
	  letter-spacing: 0px;
    }
	
	
	.tsyl-h3-h2 {
      font-size:20px;
	  margin:0px;
    
      padding-bottom:10px;
	  text-align:center
    }
	.tsyl-h3-h3 {
      font-size:17px;
      font-weight: 700;
      color: #0b4b3e;
      padding-bottom:0px;
	
    }
	.tsyl-h3-h4 {
      font-size:16px;
      font-weight: 500;
      color: #0b4b3e;
      margin:10px 0px;      padding-bottom:0px;
	  text-align:center; background:#f9f9f9; border-radius:6px;
    }
	
	
    }
	
	.tsylc-row {
            display: flex;
            flex-wrap: wrap;
            background: #ffffff;
            border-radius: 12px;
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
    
            width: 100%;
            overflow: hidden;
            transition: all 0.2s ease;
        }

        /* 左半部分：文本区�?�?tsylc-half + tsylc-text-block */
        .tsylc-half.tsylc-text-block {
            flex: 1 1 55%;
            padding:0px;
            background: #ffffff;
            display: flex;
            flex-direction: column;
            
        }

        /* 右半部分：图片容�?�?固定尺寸 300x200 */
        .tsylc-half {
            flex: 0 0 300px;
 
            display: flex;
      
        
            background: #f0f3f8;
            overflow: hidden;
            margin:30px;
        }

        /* 图片本身 */
        .tsylc-img {
            width: 100%;
            height: 100%;
			border-radius:6px;
            object-fit: cover;
            display: block;
            transition: transform 0.25s ease;
        }

     

        /* 标题 �?tsylc-h3 */
        .tsylc-h3 {
            font-size:20px;
            font-weight: 600;
            color: #0b2b4a;
            letter-spacing:0px;
            margin-bottom:15px;
            border-left: 5px solid #2a7de1;
            padding-left:20px;
        }

        .tsylc-text-block p {
            font-size:16px;
            line-height: 1.7;
            color: #1e2f3e;
            margin-bottom:10px;
            text-align: justify;
        }

        .tsylc-text-block p strong {
            color: #0b2b4a;
            font-weight: 600;
        }

        /* 小屏适配：图片保持固定尺寸，但容器可换行 */
        @media (max-width: 760px) {
            .tsylc-row {
                flex-direction: column;
                border-radius: 10px;
            }

            .tsylc-half.tsylc-text-block {
                flex: 1 1 auto;
                padding:10px;
            }

            .tsylc-half {
                flex: 0 0 200px;
                width: 100%;
            
                margin: 0 auto;
                border-radius: 0 0 10px 10px;
            }

            .tsylc-img {
                object-fit: cover;
                width: 100%;
                height: 100%;
            }

            .tsylc-h3 {
                font-size:16px;
            }
        }

        /* 极端小屏 */
        @media (max-width: 480px) {
            .tsylc-half.tsylc-text-block {
                padding:10px;
            }
            .tsylc-half {
                
                flex-basis: 180px;
            }
            .tsylc-h3 {
                font-size:16px;
                padding-left:15px;
            }
            .tsylc-text-block p {
                font-size:14px;
            }
			.tsylc-img {
           
			border-radius:0px;
        }
        }
		 /* 卡片容器 �?三列等宽网格 */
        .tsylxx-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 32px 28px;
            max-width: 1300px;
            width: 100%;
            margin: 0 auto;
        }

        /* 卡片 �?干净背景 + 柔和阴影 */
        .tsylxx-card {
            background: #ffffff;
            border-radius: 12px;
            box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.02);
            overflow: hidden;
            transition: transform 0.2s ease, box-shadow 0.25s ease;
            display: flex;
            flex-direction: column;
            height: 100%;
            border: 1px solid rgba(226, 232, 240, 0.4);
        }

        .tsylxx-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 35px rgba(0, 0, 0, 0.08), 0 6px 14px rgba(0, 0, 0, 0.03);
        }

        /* 图片区块 �?固定比例，图片撑�?*/
        .tsylxx-image {
            width: 100%;
            aspect-ratio: 16 / 14;
            background: #f1f4f9;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
            border-bottom: 1px solid #eef2f6;
        }

        .tsylxx-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            transition: scale 0.2s;
        }

        /* 文本区块 �?内边距，垂直排列 */
        .tsylxx-content {
            padding: 20px 20px 24px;
            flex: 1 1 auto;
            display: flex;
            flex-direction: column;
            background: #ffffff;
        }

        /* 标题 */
        .tsylxx-h3 {
            font-size: 18px;
            font-weight: 600;
            line-height: 1.4;
            color: #0b1a2f;
            margin-bottom: 10px;
            letter-spacing: -0.01em;
              padding-left: 10px;
        }

        /* 描述文字 �?保持简�?*/
        .tsylxx-desc {
            font-size: 15px;
            line-height: 1.6;
            color: #1e2f40;
            background: #f9fafc;
            padding: 11px 14px;
            border-radius: 14px;
            border: 1px solid #eef2f8;
            margin-top: 3px;
            flex: 1;
        }

        .tsylxx-desc strong {
            color: #1a4b6d;
            font-weight: 600;
        }

        .tsylxx-desc br {
            display: block;
            content: '';
            margin: 2px 0;
        }

        /* 对于「参照双工位」等短描述，保留可读�?*/
        .tsylxx-desc.tsylxx-short {
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
            font-style: italic;
            color: #2c3e50;
            background: #f4f7fc;
            border-color: #dee7f0;
        }

        /* 响应�?�?平板及小屏幕 */
        @media (max-width: 960px) {
            .tsylxx-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 28px;
            }
            body { padding: 24px 16px; }
        }

        @media (max-width: 580px) {
            .tsylxx-grid {
                grid-template-columns: 1fr;
                gap: 28px;
                max-width: 480px;
            }
            .tsylxx-h3 {
                font-size: 18px;
            }
        }


        /* 辅助微调 */
        .tsylxx-img {
            background: #e9edf3;
            color: #4b5e72;
            font-size: 14px;
            object-fit: cover;
        }

        /* 图片 alt 降级样式 �?如果图片缺失显示占位 */
        .tsylxx-img:not([src]), .tsylxx-img[src=""] {
            background: #dce2ec;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 400;
            color: #4e637a;
        }
        .tsylxx-img:not([src])::after {
            content: "📷 设备�?;
            font-size: 14px;
            opacity: 0.5;
        }