/* 通用图文区块 移动端上下，PC左右 */
    .content-row {
      display: flex;
      flex-direction: column;
      gap: 32px;
      margin-bottom: 64px;
      align-items: center;margin-top: 80px;
    }
	.first{padding-top: 120px;}
    @media(min-width: 768px) {
      .content-row {
        flex-direction: row;
      }
      .content-row.reverse {
        flex-direction: row-reverse;
      }
      .content-row .text-wrap,
      .content-row .img-wrap {
        flex: 1;
      }
    }
    .img-wrap img {
      width: 100%;
      height: auto;
      object-fit: cover;
      display: block;
    }
	
	.img-wrap video{width:100%}
	
    .text-wrap .small-tip {
      font-size: 22px;
      color: #444;
      margin-bottom: 8px;
    }
    .text-wrap h2 {
      font-size: 45px;
      margin-bottom: 30px;
      font-weight: 700;line-height:60px;
    }
    .text-wrap p {
      font-size: 16px;
      color: #333;
      margin-bottom: 40px;
      max-width: 590px;
    }
    .btn-group {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
    }
    .btn {
      padding: 8px 16px;
      border: none;
      font-size: 16px;
      cursor: pointer;
      border-radius: 2px;
    }
    .btn.light {
      background: #ffae66;
      color: #111;
    }
    .btn.outline {
      background: transparent;
      border: 1px solid #111;
    }
    /* 三大品类板块 */
    .category-title {
      text-align: center;
      margin: 80px 0 32px;
    }
    .category-title h2 {
      font-size: 38px;
      max-width: 600px;
      margin: 0 auto;
    }
     /* 动物照明分类板块 */
        .animal-light {
            padding: 50px 0;
        }
        .sec-title {
            font-size: 34px;text-align:center;
            margin-bottom: 12px;
        }
        .sec-desc {
            font-size: 18px;text-align:center;
            color: var(--gray);
            margin-bottom: 50px;
           
        }
        .animal-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }
        .animal-card {
            background: var(--white);
            padding: 18px;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0,0,0,0.05);
            transition: transform .3s;
        }
        .animal-card:hover {
            transform: translateY(-6px);
        }
        .animal-card h3 {
            font-size: 22px;
            margin-bottom: 10px;
        }
        .animal-card p {
            color: var(--gray);
        }
		.animal-card p img{max-width:100%;width: 100%;}


.animal-light .more{border: 2px solid #ffae66;padding:10px;width:240px;background:#FFF;text-align:center; margin:30px auto;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}

    /* 客户评价区块 */
    .testimonial-section {
      background:#f5eae1;
      padding: 64px 24px;
      margin: 64px 0;
    }
    .testimonial-inner {
      max-width: 1200px;
      margin: 0 auto;
    }
    .test-head {
      text-align: center;
      margin-bottom: 48px;
    }
    .test-head .sub {
      font-size: 16px;
      margin-bottom: 6px;
    }
    .test-head h2 {
      font-size: 46px;
    }
    .testimonial-content {
      display: flex;
      flex-direction: column;
      gap: 32px;
      align-items: center;
      margin-bottom: 64px;
    }
    @media(min-width:768px) {
      .testimonial-content {
        flex-direction: row;
      }
      .test-avatar, .test-quote {
        flex: 1;
      }
    }
    .test-avatar {
      display: flex;
      justify-content: center;
    }
    .avatar-circle {
    
     
      overflow: hidden;
      position: relative;
    }
    .avatar-circle img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
    .avatar-tag {
      position: absolute;
      bottom: -8px;
      right: -8px;
      width: 48px;
      height: 48px;
      background: #36c291;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .test-quote blockquote {
      font-size: 26px;
      margin-bottom: 12px;
    }
    .test-quote .author {
      font-size: 15px;
      margin-bottom: 20px;
    }
    /* 底部数据栏 */
    .data-row {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
      gap: 24px;
      text-align: center;
    }
    .data-item .num {
      font-size: 34px;
      font-weight: bold;
      margin-bottom: 4px;
    }
    .data-item .label {
      font-size: 16px;
      color: #333;
    }
	
	
	
	
	

        /*  Contact Chat */
          .block-contact {
            background: #f5eae1; padding:50px 0;
         
        }
		
		 .block-contact .container{  display: flex;
            gap: 80px;align-items: center;}
        .contact-avatar-wrap {
            flex: 0 0 300px;
            position: relative;
        }
        .avatar-bg-circle {
            width: 400px;
            height: 400px;
            background: #ffae66;
            border-radius: 50%;
            position: relative;
            overflow: hidden;
        }
        .avatar-bg-circle::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background-image: repeating-conic-gradient(transparent 0deg 15deg, #ffcfa4 15deg 30deg);
            opacity: 0.6;
        }
        .contact-avatar {
            width: 72%;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
           
        }
        .contact-text h4 {
            font-size: 16px;
            font-weight: normal;
            color: #333;
            margin-bottom: 8px;
        }
        .contact-text h2 {
            font-size: 48px;
            margin-bottom: 12px;
        }
        .contact-text p {
            font-size: 18px;
            line-height: 1.5;
            color: #444;
            max-width: 620px;margin-bottom:20px;
        }
		
		
		
		 @media(max-width:768px) {
		.first{padding-top: 40px;}
		.text-wrap h2{font-size:22px;}
		.animal-light{padding: 10px 0px;}
		.category-title h2{font-size: 30px;}
		 .test-head h2{font-size: 36px;}
		 .test-quote blockquote{font-size: 20px;}
		 .insights-list{display:block!important;}
		 .block-contact{padding:0}
		 }