/* D:\MassageDesk\assets\css\listing-photo.css — 商家图片：品类示意图的「Illustrative image」标注与店名徽标  MD v1.0 (2026-10-18)
 * 站点：MassageDesk.com（MD）。依据 docs/md-s3-photo-design-v1_0_2.md §4.2；底本 BB listing-photo.css v1.0（逐字相同，只改本注释头）。
 * 由 includes/listing-photo.php（PHP 页面）与 assets/js/nearby.js（首页 Near Me）引入。
 * MD main.css 已核对：.card-photo img 90×68 / 120×90、.photo-main img 280 高、.nearby-card img 4:3；.review-page__photo 在 pages/review.php 内联样式；
 *   .nm-feat__img-wrap / .nm-card__img-wrap 在 components/nearme-section.php 内联样式。
 *   示意图外面多了一层 .lp，所以每种容器都在这里给 .lp 写明同样的尺寸，img 填满 .lp。真实照片仍走各页面原来的 <img>（不经 .lp）。 */
.lp{position:relative;display:block;overflow:hidden}
.lp>img{display:block;width:100%;height:100%;object-fit:cover;margin:0}
.lp-illus{position:absolute;left:6px;top:6px;z-index:1;padding:1px 6px;border-radius:3px;background:rgba(17,24,39,.6);color:#fff;font-size:.62rem;line-height:1.5;letter-spacing:.02em;pointer-events:none}
.lp-badge{position:absolute;left:6px;bottom:6px;z-index:1;min-width:30px;height:30px;padding:0 7px;border-radius:7px;color:#fff;font:700 .8rem/30px system-ui,-apple-system,"Segoe UI",sans-serif;text-align:center;letter-spacing:.03em;box-shadow:0 1px 4px rgba(0,0,0,.3);pointer-events:none}

/* 城市页 / 城市 × 服务页卡片（main.css .card-photo img：手机 90×68，≥640px 120×90） */
.card-photo .lp{width:90px;height:68px;border-radius:var(--radius-sm,6px);background:var(--color-bg-alt,#f3f4f6)}
@media (min-width:640px){.card-photo .lp{width:120px;height:90px}}
.card-photo .lp-illus{font-size:.5rem;padding:0 3px;left:3px;top:3px}
.card-photo .lp-badge{min-width:20px;height:20px;line-height:20px;font-size:.6rem;padding:0 4px;left:3px;bottom:3px;border-radius:5px}

/* 商家页主图（无真实照片时）：电脑 360×240，手机按屏宽 3:2 */
.photo-main .lp{width:min(360px,calc(100vw - 40px));height:auto;aspect-ratio:3/2;border-radius:var(--radius-md,8px)}
.photo-main .lp>img{height:100%}
.photo-main .lp-badge{min-width:38px;height:38px;line-height:38px;font-size:.95rem;left:10px;bottom:10px;border-radius:9px}
.photo-main .lp-illus{left:10px;top:10px;font-size:.66rem}

/* 商家页 / 下架页「附近商家」卡片（main.css .nearby-card img：宽 100%、4:3、下边距 8px） */
.nearby-card .lp{width:100%;aspect-ratio:4/3;margin-bottom:8px;border-radius:var(--radius-sm,6px)}
.nearby-card .lp>img{aspect-ratio:auto;border-radius:0}

/* 评价入口页（review.php .review-page__photo：容器 160px / 手机 130px 高） */
.review-page__photo .lp{width:100%;height:100%}

/* 首页 Near Me（nearby.js 不加 .lp，直接把标注 / 徽标放进原图片容器；标注放右下，避开卡片左上角的推荐角标） */
.nm-feat__img-wrap,.nm-card__img-wrap{position:relative}
.nm-feat__img-wrap .lp-illus,.nm-card__img-wrap .lp-illus{top:auto;left:auto;right:6px;bottom:6px}