.echo-rating, .echo-badge { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.echo-stars { position: relative; width: 90px; height: 16px; background: #ddd; -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='90' height='16' viewBox='0 0 90 16'><g fill='black'><path id='s' d='M8 0l2.4 5.2 5.6.6-4.2 3.8 1.2 5.6L8 12.4 2.9 15.2l1.2-5.6L0 5.8l5.6-.6z'/><use href='%23s' x='18'/><use href='%23s' x='36'/><use href='%23s' x='54'/><use href='%23s' x='72'/></g></svg>") no-repeat center / 100% 100%; mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='90' height='16' viewBox='0 0 90 16'><g fill='black'><path id='s' d='M8 0l2.4 5.2 5.6.6-4.2 3.8 1.2 5.6L8 12.4 2.9 15.2l1.2-5.6L0 5.8l5.6-.6z'/><use href='%23s' x='18'/><use href='%23s' x='36'/><use href='%23s' x='54'/><use href='%23s' x='72'/></g></svg>") no-repeat center / 100% 100%; }
.echo-stars-fill { height: 100%; background: #f5a623; }
.echo-rating-value, .echo-badge-value { font-weight: 700; }
.echo-rating-max { font-weight: 400; color: #666; }
.echo-rating-count, .echo-badge-count { color: #666; font-size: 0.9em; }
.echo-reviews-summary { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.echo-reviews-average { font-size: 2em; font-weight: 700; }
.echo-review-list { list-style: none; margin: 0; padding: 0; }
.echo-review { border-top: 1px solid #e5e5e5; padding: 16px 0; }
.echo-review-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.echo-review-date { color: #777; font-size: 0.9em; }
.echo-review-text { margin: 8px 0; white-space: pre-line; }
.echo-review-reply { margin: 8px 0 0 16px; padding-left: 12px; border-left: 3px solid #ddd; }
.echo-review-reply p { margin: 4px 0 0; white-space: pre-line; }
.echo-review-source { font-size: 0.9em; }
.echo-reviews-more { color: #666; font-size: 0.9em; }