@charset "utf-8";



.syTestimonials20260723 { --sy-primary: var(--gw-theme-color, #4CAF50); --sy-bg: #f8faf7; --sy-card-bg: #ffffff; --sy-text: #333333; --sy-text-secondary: #666666; --sy-text-muted: #999999; --sy-star: #FFB800; --sy-border: #e8ece6; --sy-radius: calc(12px * var(--gw-transform-scale, 1)); --sy-gap: calc(20px * var(--gw-transform-scale, 1)); --sy-card-width: calc(280px * var(--gw-transform-scale, 1)); width: 100%; max-width: calc(1200px * var(--gw-transform-scale, 1)); margin: 0px auto; padding: calc(40px * var(--gw-transform-scale, 1)) calc(20px * var(--gw-transform-scale, 1)); background: var(--sy-bg); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; box-sizing: border-box; }



.syTestimonials20260723 .sy-testimonials-header { text-align: center; margin-bottom: calc(32px * var(--gw-transform-scale, 1)); }



.syTestimonials20260723 .sy-testimonials-title { font-size: calc(28px * var(--gw-transform-scale, 1)); font-weight: 700; color: var(--sy-text); margin: 0 0 calc(8px * var(--gw-transform-scale, 1)) 0; letter-spacing: calc(2px * var(--gw-transform-scale, 1)); }



.syTestimonials20260723 .sy-testimonials-subtitle { font-size: calc(14px * var(--gw-transform-scale, 1)); color: var(--sy-text-muted); margin: 0px; }



.syTestimonials20260723 .sy-testimonials-scroll { overflow: auto hidden; scrollbar-width: none; padding: calc(8px * var(--gw-transform-scale, 1)) calc(4px * var(--gw-transform-scale, 1)) calc(20px * var(--gw-transform-scale, 1)); }



.syTestimonials20260723 .sy-testimonials-scroll::-webkit-scrollbar { display: none; }



.syTestimonials20260723 .sy-testimonials-track { display: flex; gap: var(--sy-gap); width: max-content; padding: 0 calc(4px * var(--gw-transform-scale, 1)); }



.syTestimonials20260723 .sy-testimonial-card { width: var(--sy-card-width); flex-shrink: 0; background: var(--sy-card-bg); border-radius: var(--sy-radius); overflow: hidden; box-shadow: 0 calc(2px * var(--gw-transform-scale, 1)) calc(12px * var(--gw-transform-scale, 1)) rgba(0, 0, 0, 0.06); transition: transform 0.3s, box-shadow 0.3s; cursor: pointer; }



.syTestimonials20260723 .sy-testimonial-card:hover { transform: translateY(calc(-4px * var(--gw-transform-scale, 1))); box-shadow: 0 calc(8px * var(--gw-transform-scale, 1)) calc(28px * var(--gw-transform-scale, 1)) rgba(0, 0, 0, 0.1); }



.syTestimonials20260723 .sy-card-image { position: relative; width: 100%; height: calc(160px * var(--gw-transform-scale, 1)); overflow: hidden; }



.syTestimonials20260723 .sy-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; }



.syTestimonials20260723 .sy-testimonial-card:hover .sy-card-image img { transform: scale(1.05); }



.syTestimonials20260723 .sy-card-tag { position: absolute; top: calc(12px * var(--gw-transform-scale, 1)); left: calc(12px * var(--gw-transform-scale, 1)); background: var(--sy-primary); color: rgb(255, 255, 255); font-size: calc(12px * var(--gw-transform-scale, 1)); padding: calc(4px * var(--gw-transform-scale, 1)) calc(12px * var(--gw-transform-scale, 1)); border-radius: calc(20px * var(--gw-transform-scale, 1)); font-weight: 500; }



.syTestimonials20260723 .sy-card-body { padding: calc(16px * var(--gw-transform-scale, 1)); }



.syTestimonials20260723 .sy-card-meta { display: flex; align-items: center; gap: calc(10px * var(--gw-transform-scale, 1)); margin-bottom: calc(12px * var(--gw-transform-scale, 1)); }



.syTestimonials20260723 .sy-card-avatar { width: calc(36px * var(--gw-transform-scale, 1)); height: calc(36px * var(--gw-transform-scale, 1)); border-radius: 50%; background: linear-gradient(135deg, var(--sy-primary), #81C784); color: rgb(255, 255, 255); display: flex; align-items: center; justify-content: center; font-size: calc(14px * var(--gw-transform-scale, 1)); font-weight: 600; flex-shrink: 0; }



.syTestimonials20260723 .sy-card-info { display: flex; flex-direction: column; gap: calc(2px * var(--gw-transform-scale, 1)); min-width: 0px; }



.syTestimonials20260723 .sy-card-info strong { font-size: calc(14px * var(--gw-transform-scale, 1)); color: var(--sy-text); font-weight: 600; }



.syTestimonials20260723 .sy-card-info span { font-size: calc(12px * var(--gw-transform-scale, 1)); color: var(--sy-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }



.syTestimonials20260723 .sy-card-text { font-size: calc(13px * var(--gw-transform-scale, 1)); line-height: 1.7; color: var(--sy-text-secondary); margin: 0 0 calc(12px * var(--gw-transform-scale, 1)) 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }



.syTestimonials20260723 .sy-card-stars { font-size: calc(14px * var(--gw-transform-scale, 1)); color: var(--sy-star); letter-spacing: calc(2px * var(--gw-transform-scale, 1)); }



.syTestimonials20260723 .sy-testimonials-nav { display: flex; align-items: center; justify-content: center; gap: calc(16px * var(--gw-transform-scale, 1)); margin-top: calc(8px * var(--gw-transform-scale, 1)); }



.syTestimonials20260723 .sy-nav-btn { width: calc(36px * var(--gw-transform-scale, 1)); height: calc(36px * var(--gw-transform-scale, 1)); border-radius: 50%; border: 1px solid var(--sy-border); background: var(--sy-card-bg); color: var(--sy-text-secondary); display: flex; align-items: center; justify-content: center; cursor: pointer; transition: 0.2s; padding: 0px; }



.syTestimonials20260723 .sy-nav-btn:hover { background: var(--sy-primary); color: rgb(255, 255, 255); border-color: var(--sy-primary); }



.syTestimonials20260723 .sy-nav-btn svg { width: calc(16px * var(--gw-transform-scale, 1)); height: calc(16px * var(--gw-transform-scale, 1)); }



.syTestimonials20260723 .sy-nav-dots { display: flex; gap: calc(8px * var(--gw-transform-scale, 1)); }



.syTestimonials20260723 .sy-dot { width: calc(8px * var(--gw-transform-scale, 1)); height: calc(8px * var(--gw-transform-scale, 1)); border-radius: 50%; background: var(--sy-border); cursor: pointer; transition: 0.3s; }



.syTestimonials20260723 .sy-dot.is-active { width: calc(24px * var(--gw-transform-scale, 1)); border-radius: calc(4px * var(--gw-transform-scale, 1)); background: var(--sy-primary); }



@media (max-width: 1024px) {

  .syTestimonials20260723 .sy-testimonials-title { font-size: calc(24px * var(--gw-transform-scale, 1)); }

}



@media (max-width: 768px) {

  .syTestimonials20260723 { padding: calc(24px * var(--gw-transform-scale, 1)) calc(12px * var(--gw-transform-scale, 1)); }

  .syTestimonials20260723 .sy-testimonials-title { font-size: calc(22px * var(--gw-transform-scale, 1)); }

  .syTestimonials20260723 .sy-testimonial-card { width: calc(260px * var(--gw-transform-scale, 1)); }

}



@media (max-width: 576px) {

  .syTestimonials20260723 .sy-testimonials-title { font-size: calc(20px * var(--gw-transform-scale, 1)); }

  .syTestimonials20260723 .sy-testimonial-card { width: calc(240px * var(--gw-transform-scale, 1)); }

}