/* 用户评价：尺寸与位置均来自 Figma 1869:13089。 */
.mzh-phone--user-reviews { height: var(--layout-viewport-height); }
.mzh-user-reviews { display: block; height: 100%; min-height: 0; }
.mzh-user-reviews__scroll { height: 100%; overflow-y: auto; overflow-x: hidden; scrollbar-width: none; }
.mzh-user-reviews__canvas { position: relative; min-height: var(--user-reviews-canvas-h); }
.mzh-user-reviews__bg { position: absolute; left: 0; top: 0; width: var(--layout-page-width); height: var(--layout-viewport-height); }
.mzh-user-reviews__header { position: relative; height: var(--user-reviews-header-h); }
.mzh-user-reviews__header h1 { position: absolute; margin: 0; left: var(--user-reviews-title-x); top: var(--store-back-y); font-size: var(--typography-subtitle-font-size); line-height: var(--typography-subtitle-line-height); font-weight: var(--typography-weight-medium); color: var(--store-title-color); opacity: var(--store-title-opacity); }
.mzh-user-reviews__back { position: absolute; left: var(--store-back-x); top: var(--store-back-y); width: var(--store-back-box); height: var(--store-back-box); display: flex; align-items: center; justify-content: center; }
.mzh-user-reviews__back img { width: var(--store-back-icon-w); height: var(--store-back-icon-h); margin-left: calc(-1 * var(--store-back-icon-dx)); }
.mzh-user-reviews__capsule { position: absolute; left: var(--user-reviews-capsule-x); top: var(--user-reviews-capsule-y); width: var(--user-reviews-capsule-w); height: var(--user-reviews-capsule-h); }
.mzh-user-reviews__status { position: absolute; left: var(--user-reviews-status-x); top: var(--user-reviews-status-y); width: var(--user-reviews-status-w); height: var(--user-reviews-status-h); }
.mzh-user-reviews__time { position: absolute; left: var(--user-reviews-time-x); top: var(--user-reviews-time-y); width: var(--user-reviews-time-w); line-height: var(--user-reviews-time-h); font-size: var(--user-reviews-time-size); font-weight: var(--typography-weight-medium); text-align: center; color: var(--store-title-color); }
.mzh-user-reviews__main { position: relative; margin: 0 var(--spacing-lg); display: flex; flex-direction: column; gap: var(--spacing-lg); }
.mzh-user-reviews__summary { position: relative; height: var(--user-reviews-banner-h); flex: none; color: var(--color-action-on-primary); }
.mzh-user-reviews__green { position: absolute; top: var(--user-reviews-banner-bg-y); height: var(--user-reviews-banner-bg-h); width: 100%; border-radius: var(--user-reviews-radius-big) var(--radius-sm) var(--user-reviews-radius-big) var(--radius-sm); background: var(--user-reviews-banner-gradient); }
.mzh-user-reviews__bubble { position: absolute; left: var(--user-reviews-bubble-x); top: var(--user-reviews-bubble-y); width: var(--user-reviews-bubble-w); height: var(--user-reviews-bubble-h); }
.mzh-user-reviews__star { position: absolute; display: block; }
.mzh-user-reviews__star--small { left: var(--user-reviews-star-small-x); top: var(--user-reviews-star-small-y); width: var(--user-reviews-star-small-box); height: var(--user-reviews-star-small-box); display: flex; align-items: center; justify-content: center; }
.mzh-user-reviews__star--small > span { position: relative; width: var(--user-reviews-star-small-size); height: var(--user-reviews-star-small-size); overflow: hidden; transform: var(--user-reviews-star-rotation); }
.mzh-user-reviews__star--small img { position: absolute; left: var(--user-reviews-star-img-offset-x); top: var(--user-reviews-star-img-offset-y); width: var(--user-reviews-star-img-size); height: var(--user-reviews-star-img-size); }
.mzh-user-reviews__star--large { left: var(--user-reviews-star-large-x); top: var(--user-reviews-star-large-y); width: var(--user-reviews-star-large-size); height: var(--user-reviews-star-large-size); overflow: hidden; }
.mzh-user-reviews__star--large img { position: absolute; left: var(--user-reviews-star-large-img-x); top: var(--user-reviews-star-large-img-y); width: var(--user-reviews-star-large-img-size); height: var(--user-reviews-star-large-img-size); }
.mzh-user-reviews__dots { position: absolute; display: flex; left: var(--user-reviews-dot-x); top: var(--user-reviews-dot-y); gap: var(--user-reviews-dot-gap); }
.mzh-user-reviews__dots i { width: var(--user-reviews-dot-size); height: var(--user-reviews-dot-size); background: var(--user-reviews-dot-bg); box-shadow: var(--user-reviews-dot-shadow); border-radius: var(--user-reviews-radius-big); }
.mzh-user-reviews__metric-label,.mzh-user-reviews__rate-label { position: absolute; top: var(--user-reviews-metric-label-y); font-size: var(--typography-caption-font-size); line-height: var(--typography-caption-line-height); opacity: var(--user-reviews-muted-opacity); }
.mzh-user-reviews__metric-label { left: var(--user-reviews-metric-x); }
.mzh-user-reviews__rate-label { left: var(--user-reviews-rate-label-x); }
.mzh-user-reviews__metric { position: absolute; left: var(--user-reviews-metric-x); top: var(--user-reviews-metric-number-y); font-size: var(--typography-title-font-size); line-height: var(--typography-title-line-height); font-weight: var(--typography-weight-medium); }
.mzh-user-reviews__rate { position: absolute; left: var(--user-reviews-rate-x); top: var(--user-reviews-rate-y); font-size: var(--user-reviews-rate-size); line-height: var(--user-reviews-rate-line); font-weight: var(--typography-weight-semibold); /* hero */ }
.mzh-user-reviews__rate small { font-size: var(--typography-subtitle-font-size); font-weight: var(--typography-weight-medium); }
.mzh-user-reviews__divider { position: absolute; left: var(--user-reviews-divider-x); top: var(--user-reviews-divider-y); width: var(--border-width-default); height: var(--user-reviews-divider-h); background: var(--user-reviews-divider-bg); }
.mzh-user-reviews__comments { display: flex; flex-direction: column; gap: var(--spacing-lg); padding: var(--spacing-sm) 0; }
.mzh-user-reviews__heading { height: var(--typography-subtitle-line-height); display: flex; align-items: center; justify-content: space-between; }
.mzh-user-reviews__all { display: flex; align-items: center; gap: var(--spacing-xxs); font-size: var(--typography-body-font-size); font-weight: var(--typography-weight-medium); }
.mzh-user-reviews__all img { width: var(--store-back-box); height: var(--store-back-box); }
.mzh-user-reviews__sort { display: flex; align-items: center; gap: var(--spacing-sm); font-size: var(--typography-caption-font-size); line-height: var(--store-detail-sort-line-h); }
.mzh-user-reviews__sort i { height: var(--store-detail-sort-divider-h); width: var(--border-width-default); background: var(--store-detail-sort-divider-color); }
.mzh-user-reviews__sort button[aria-pressed="false"] { color: var(--color-text-tertiary); }
.mzh-user-reviews__list { display: flex; flex-direction: column; gap: var(--spacing-lg); }
.mzh-user-reviews__card { padding: var(--spacing-md); background: var(--color-bg-primary); border-radius: var(--radius-md); }