/* Figma 1869:12713，358 高评价卡；内层坐标由同一节点的 metadata 确定。 */
.mzh-review-card { position: relative; height: var(--review-card-h); width: 100%; }
.mzh-review-card p { margin: 0; }
.mzh-review-card__author { position: absolute; inset: 0 0 auto; height: var(--review-card-author-h); }
.mzh-review-card__user { position: absolute; top: var(--review-card-author-y); left: 0; display: flex; align-items: center; gap: var(--spacing-md); }
.mzh-review-card__avatar { display: block; width: var(--review-card-avatar); height: var(--review-card-avatar); }
.mzh-review-card__identity { width: var(--review-card-name-w); display: flex; flex-direction: column; gap: var(--spacing-xs); font-size: var(--typography-body-font-size); line-height: var(--typography-body-line-height); }
.mzh-review-card__rating { display: flex; align-items: center; gap: var(--spacing-xs); color: var(--color-text-tertiary); font-size: var(--review-card-score-size); line-height: var(--review-card-score-line); }
.mzh-review-card__rating img { width: var(--review-card-rating-w); height: var(--review-card-rating-h); display: block; }
.mzh-review-card__date { position: absolute; left: var(--review-card-date-x); width: var(--review-card-date-w); display: flex; flex-direction: column; gap: var(--review-card-date-gap); text-align: right; font-size: var(--typography-caption-font-size); line-height: var(--typography-caption-line-height); color: var(--color-text-tertiary); }
.mzh-review-card__location { position: absolute; top: var(--review-card-local-y); display: flex; align-items: center; gap: var(--review-card-local-gap); font-size: var(--typography-caption-font-size); line-height: var(--typography-caption-line-height); color: var(--color-text-tertiary); }
.mzh-review-card__location img { display: block; width: var(--review-card-local-icon); height: var(--review-card-local-icon); }
.mzh-review-card__text { position: absolute; left: 0; top: var(--review-card-text-y); width: 100%; height: var(--review-card-text-h); font-size: var(--typography-body-font-size); line-height: var(--typography-body-line-height); text-align: justify; }
.mzh-review-card__photos { position: absolute; top: var(--review-card-pics-y); left: 0; width: 100%; height: var(--review-card-pic); display: flex; gap: var(--spacing-sm); overflow: clip; }
.mzh-review-card__photos > span { position: relative; flex: none; width: var(--review-card-pic); height: var(--review-card-pic); overflow: clip; border-radius: var(--button-primary-radius); }
.mzh-review-card__photos img { position: absolute; left: var(--review-card-pic-offset); top: var(--review-card-pic-offset); width: var(--review-card-pic-img); height: var(--review-card-pic-img); border-radius: var(--radius-lg); object-fit: cover; display: block; }
.mzh-review-card__reply { position: absolute; left: 0; top: var(--review-card-reply-y); width: var(--review-card-reply-w); height: var(--review-card-reply-h); background: var(--button-secondary-bg-pressed); border-radius: var(--button-primary-radius); padding: var(--spacing-md); }
.mzh-review-card__reply p { width: var(--review-card-reply-text-w); font-size: var(--typography-body-font-size); line-height: var(--typography-body-line-height); text-align: justify; }
.mzh-review-card__footer { position: absolute; top: var(--review-card-footer-y); left: 0; width: 100%; display: flex; align-items: center; justify-content: space-between; font-size: var(--typography-caption-font-size); line-height: var(--typography-caption-line-height); color: var(--color-text-disabled); }
.mzh-review-card__like { display: flex; align-items: center; gap: var(--spacing-xs); color: var(--button-secondary-fg-default); }
.mzh-review-card__like img { width: var(--review-card-like-icon); height: var(--review-card-like-icon); display: block; }
.mzh-review-card__like span { width: var(--review-card-like-count-w); text-align: center; }
.mzh-review-card__like[aria-pressed="true"] { color: var(--color-text-brand); }

/* Source-compatible user 变体，独立于页面模板加载。 */
.mzh-review-card--user { --review-card-date-x: var(--review-card-user-date-x); --review-card-date-w: var(--review-card-user-date-w); --review-card-local-y: var(--review-card-user-local-y); --review-card-text-y: var(--review-card-user-text-y); --review-card-pics-y: var(--review-card-user-pics-y); --review-card-reply-w: var(--review-card-user-reply-w); --review-card-reply-text-w: var(--review-card-user-reply-text-w); }
.mzh-review-card--no-reply { --review-card-h: var(--review-card-user-card-short-h); --review-card-footer-y: var(--review-card-user-footer-short-y); }
.mzh-review-card--no-reply .mzh-review-card__reply { display: none; }

.mzh-review-card__rating mzh-text { font-size: inherit; line-height: inherit; }
.mzh-review-card__rating .mzh-atom-icon { width: var(--review-card-rating-w); height: var(--review-card-rating-h); }
.mzh-review-card__avatar { background: transparent; }