/* ===== 布局：左 30%（订单）+ 右 68%（评论），中间 2% 间距 ===== */
.testimonials-wrapper{
  /* 左侧滚动相关变量 */
  --lo-window-height: 340px;
  --lo-item-height:   50px;
  --lo-item-indent:   24px;
  --lo-speed-per-item: 2.2s;

  max-width:1200px;margin:0 auto;padding:20px;
  display:grid !important;
  grid-template-columns: 30% 68%;
  column-gap: 2%;
  align-items:stretch;

  /* 移动端防横向滚动兜底 */
  overflow-x:hidden;
}
.order-container{ grid-column:1; grid-row:1; }
.testimonials-container{ grid-column:2; grid-row:1; }

@media (max-width: 768px){
  .testimonials-wrapper{
    grid-template-columns:1fr !important;
    row-gap:16px;
  }
  .order-container{ grid-column:1; grid-row:1; }
  .testimonials-container{ grid-column:1; grid-row:2; }
}

/* ===== 外层卡片（白底+外框，不影响滚动窗口透明） ===== */
.order-container,
.testimonials-container{
  background:#fff;border:1px solid #ccc;border-radius:10px;
  padding:20px;box-shadow:0 2px 4px rgba(0,0,0,.1);box-sizing:border-box
}

/* ===== 左侧：无缝纵向滚动（透明） ===== */
.order-header{text-align:center;margin-bottom:20px}
.order-main-title{font-size:18px;font-weight:700;color:#333;margin-bottom:8px}
.order-subtitle{font-size:13px;color:#666}

.order-scroller{
  width:100%;height:var(--lo-window-height);
  overflow:hidden;border-radius:8px;box-sizing:border-box
}
/* 清空内部任何底色/边线/阴影（核覆盖） */
.order-scroller,
.order-scroller *,
.order-scroller *::before,
.order-scroller *::after{
  background:transparent !important;
  border-color:transparent !important;
  border-style:none !important;
  box-shadow:none !important;
  outline:0 !important;
}
.order-content{
  display:flex;flex-direction:column;gap:0;will-change:transform;
  --lo-duration: calc(var(--lo-count, 10) * var(--lo-speed-per-item));
  animation: lo-vertical-marquee var(--lo-duration) linear infinite;
}
.order-item{
  height:var(--lo-item-height);line-height:var(--lo-item-height);
  font-size:14px;color:#555;
  padding:0 12px 0 var(--lo-item-indent);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  margin:0;box-sizing:border-box;
  border-bottom:1px solid #eee !important;
}
@keyframes lo-vertical-marquee{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}

/* ===== 右侧：评论滑块（水平滑动，卡片宽度固定） ===== */
.testimonials-header{text-align:center;margin-bottom:20px}
.testimonials-main-title{font-size:18px;font-weight:700;color:#333;margin-bottom:8px}
.testimonials-subtitle{font-size:13px;color:#666}

/* swiper 容器与包裹层：左对齐渲染（JS 已关闭 centeredSlides） */
.testimonials-container .swiper-container{
  position:relative;width:100%;max-width:100%;
  overflow:hidden;padding:10px 0 40px;box-sizing:border-box;margin:0
}
.testimonials-container .swiper-wrapper{
  display:flex;justify-content:flex-start;box-sizing:border-box
}

/* 桌面/平板：固定卡片宽度 */
.testimonials-container .swiper-slide{
  flex:0 0 auto;
  width:380px;                 /* 可调：360/380/400 */
  max-width:100%;
  padding:0 10px;
  box-sizing:border-box;
}

/* 卡片外观 */
.testimonial-card{
  width:100%;background:#f8faff;border-radius:10px;padding:20px;
  box-shadow:0 2px 4px rgba(0,0,0,.1);margin:0;text-align:left;box-sizing:border-box
}
.testimonial-stars{color:#ff9900;font-size:16px;margin-bottom:10px}
.testimonial-quote{font-size:14px;color:#555;line-height:1.5;margin-bottom:15px}
.testimonial-info{display:flex;align-items:center}
.testimonial-avatar{width:50px;height:50px;border-radius:50%;margin-right:10px}
.testimonial-details{display:flex;flex-direction:column}
.testimonial-name{font-size:16px;font-weight:700;color:#333;margin-bottom:5px}
.testimonial-from{font-size:12px;color:#888}

/* 分页圆点 */
.swiper-pagination{
  position:relative;bottom:0;margin-top:20px;width:100%;
  display:flex;justify-content:center;align-items:center;box-sizing:border-box
}
.swiper-pagination-bullet{width:12px;height:12px;background:#999;border-radius:50%;margin:0 6px;cursor:pointer;transition:all .3s ease}
.swiper-pagination-bullet-active{background:#333;transform:scale(1.2)}

/* “Write a Comment” 按钮（置于滑块下方居中） */
.testimonials-cta{ text-align:center; margin-top:12px; }
.btn-write-review{
  display:inline-block;padding:8px 14px;border-radius:6px;
  background:#0d6efd;color:#fff;text-decoration:none;font-weight:600;line-height:1.2;
}
.btn-write-review:hover{opacity:.92}

/* ===== 移动端：彻底防溢出 ===== */
@media (max-width: 1200px){ .testimonials-container .swiper-slide{ width:340px; } }
@media (max-width: 992px){  .testimonials-container .swiper-slide{ width:320px; } }
@media (max-width: 768px){
  /* 一列布局已在上方设置；此处确保右侧不超出 */
  .testimonials-container,
  .order-container{ padding-left:16px; padding-right:16px; }

  /* 关键：卡片宽度随容器而变，包含自身左右内边距，不会超出 */
  .testimonials-container .swiper-slide{
    width:100%;
    padding:0 8px;            /* 适当减少内边距，提升可视宽度 */
  }

  /* 兜底再禁用横向溢出 */
  .testimonials-container{ overflow-x:hidden; }
}