/* =========================================================
   ✅ UEESHOP SAFE — Scoped
   ========================================================= */
#uee-trust-platform-block{
  padding:22px 0 18px;
  background: linear-gradient(180deg,#fbf8f6 0%, #ffffff 75%);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}

#uee-trust-platform-block .uee-inner{
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 24px;
}

/* =========================
   Proof bar
   ========================= */
#uee-trust-platform-block .uee-proof-bar{
  background:#fff;
  border-radius:18px;
  border:1px solid rgba(0,0,0,.05);
  padding:16px 22px 12px;
  overflow:hidden; /* ✅ removes any “out of boundary” feeling */
}

/* Desktop: title + available row */
#uee-trust-platform-block .uee-proof-toprow{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:nowrap;
  min-width:0;
}

/* ✅ 仅修改：电脑端标题 + 平台logo 居中靠近（方案A）
   - 不影响 <=980px 的响应式（因为下面已有 @media(max-width:980px) 覆盖）
*/
@media (min-width: 981px){
  #uee-trust-platform-block .uee-proof-toprow{
    justify-content:center;  /* 原 space-between */
    gap:18px;               /* 控制标题与logo距离：更近可改 14px/10px */
    text-align:center;
  }
}

/* ✅ Keep title single-line but shrink smoothly if needed */
#uee-trust-platform-block .uee-proof-title{
  margin:0;
  font-size: clamp(18px, 1.55vw, 24px); /* ✅ auto scale to avoid overflow */
  font-weight:800;
  line-height:1.15;
  letter-spacing:-0.01em;
  color:#1a2530;
  flex:1 1 auto;
  min-width:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis; /* safety */
}

#uee-trust-platform-block .uee-proof-head{
  display:flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
  max-width: 56%;
  min-width:0;
}

#uee-trust-platform-block .uee-proof-label{
  font-size:14px;
  font-weight:650;
  color:rgba(26,37,48,.65);
  white-space:nowrap;
}

#uee-trust-platform-block .uee-logo-list{
  display:flex;
  align-items:center;
  gap:18px;                 /* ✅ a bit tighter to prevent pushing out */
  white-space:nowrap;
  flex-wrap:nowrap;
  min-width:0;
}

/* ✅ Equal height + prevent any logo from “sticking out” */
#uee-trust-platform-block .uee-logo{
  height:34px;
  width:auto;
  max-width:110px;          /* ✅ prevents huge logo causing boundary feel */
  object-fit:contain;
  display:block;
}

/* One line metrics */
#uee-trust-platform-block .uee-proof-oneLine{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
  font-size:13px;
  color:rgba(26,37,48,.78);
  border-top:1px solid rgba(0,0,0,.06);
  margin-top:12px;
  padding-top:10px;
}

#uee-trust-platform-block .uee-divider{ opacity:.35; }
#uee-trust-platform-block .uee-metric b{ font-weight:800; color:#1a2530; }
#uee-trust-platform-block .uee-startext{ margin-right:6px; font-weight:900; }

/* =========================
   Reviews Grid
   ========================= */
#uee-trust-platform-block .uee-review-wrap{ margin-top:14px; }

#uee-trust-platform-block .uee-review-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:14px;
}

#uee-trust-platform-block .uee-review-card{
  background:#fff;
  border-radius:18px;
  padding:18px;
  border:1px solid rgba(0,0,0,.05);
  box-shadow: 0 8px 18px rgba(0,0,0,.04);
}

#uee-trust-platform-block .uee-card-brand{
  font-size:22px;
  font-weight:850;
  color:#1a2530;
  margin-bottom:8px;
}

#uee-trust-platform-block .uee-card-meta{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:12px;
}

#uee-trust-platform-block .uee-review-count{
  font-size:14px;
  font-weight:700;
  color:rgba(26,37,48,.62);
}

#uee-trust-platform-block .uee-pill{
  font-size:13px;
  padding:6px 14px;
  border-radius:999px;
  background: rgba(122,74,46,.10);
  color:#7a4a2e;
  font-weight:800;
  border: 1px solid rgba(122,74,46,.18);
  line-height:1;
}

#uee-trust-platform-block .uee-card-body{
  display:flex;
  gap:12px;
  align-items:flex-start;
}

#uee-trust-platform-block .uee-review-text{
  flex:1;
  font-size:15px;
  line-height:1.65;
  color:rgba(26,37,48,.74);
}

/* Thumbnail */
#uee-trust-platform-block .uee-review-img{
  flex:0 0 110px;
  height:92px;
  border-radius:12px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.06);
  background:rgba(0,0,0,.02);
  display:block;
  text-decoration:none;
}

#uee-trust-platform-block .uee-review-img img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 60%;
  display:block;
}

/* ✅ Stronger crop for 3rd review image (less ceiling, more fan) */
#uee-trust-platform-block .uee-review-img--fanfocus img{
  object-position: center 90%;
}

/* =========================================================
   ⭐ Stars — never disappear
   ========================================================= */
#uee-trust-platform-block .uee-stars{
  --star-size:16px;
  --percent:calc(var(--rating)/5*100%);
  display:inline-block;
  width:calc(var(--star-size)*5);
  height:var(--star-size);
  background:linear-gradient(90deg,#d6a84f var(--percent),rgba(0,0,0,.16) var(--percent));
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 20'%3E%3Cg fill='%23000'%3E%3Cpath d='M10 0l3 6 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z'/%3E%3Cpath d='M32 0l3 6 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z'/%3E%3Cpath d='M54 0l3 6 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z'/%3E%3Cpath d='M76 0l3 6 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z'/%3E%3Cpath d='M98 0l3 6 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 110 20'%3E%3Cg fill='%23000'%3E%3Cpath d='M10 0l3 6 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z'/%3E%3Cpath d='M32 0l3 6 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z'/%3E%3Cpath d='M54 0l3 6 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z'/%3E%3Cpath d='M76 0l3 6 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z'/%3E%3Cpath d='M98 0l3 6 7 1-5 5 1 7-6-3-6 3 1-7-5-5 7-1z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}

/* =========================
   Responsive
   ========================= */
@media(max-width:980px){
  #uee-trust-platform-block .uee-proof-toprow{
    flex-wrap:wrap;
    justify-content:center;
  }
  #uee-trust-platform-block .uee-proof-title{
    white-space:normal;
    width:100%;
    text-align:center;
    overflow:visible;
    text-overflow:clip;
  }
  #uee-trust-platform-block .uee-proof-head{
    max-width: 100%;
    justify-content:center;
  }
  #uee-trust-platform-block .uee-review-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media(max-width:600px){
  #uee-trust-platform-block .uee-inner{ padding:0 14px; }

  /* mobile title: 2 lines */
  #uee-trust-platform-block .uee-proof-title{
    font-size:18px;
    line-height:1.25;
    max-width: 32ch;
    margin:0 auto;
    text-align:center;
  }

  #uee-trust-platform-block .uee-proof-head{
    width:100%;
    justify-content:center;
    flex-wrap:wrap;
  }

  #uee-trust-platform-block .uee-proof-label{
    width:100%;
    text-align:center;
  }

  #uee-trust-platform-block .uee-logo-list{
    width:100%;
    justify-content:center;
    gap:10px;
    flex-wrap:nowrap;
  }

  #uee-trust-platform-block .uee-logo{
    height:22px;
    max-width: 24%;
  }

  #uee-trust-platform-block .uee-review-grid{
    grid-template-columns:1fr;
  }
}