/* ══════════════════════════════════════════════════════════════════
 * 內容插圖顯示樣式（img- 前導；插入圖片時複選寫入 class）
 *
 * ★ 唯一來源（2026-09-10）：TinyMCE 編輯區（DomEditor content_css）、
 *   後台 md-editor 預覽、前台內容頁 三處共用本檔 — 改樣式只改這裡。
 *   前台/後台以 <link rel=stylesheet href=/css/content-img.css> 載入
 *   （site.blade.php / app.blade.php）；勿在 front.css/admin.css 重複定義。
 */
img.img-border { border: 1px solid rgb(148 163 184 / 0.55); }
img.img-rounded { border-radius: 0.5rem; }
img.img-shadow { box-shadow: 0 6px 18px rgb(15 23 42 / 0.16); }
img.img-avatar {
    border-radius: 9999px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    /* height 回 auto：HTML width/height 屬性（TinyMCE 插入圖會帶原尺寸）會把兩維定死、
       讓 aspect-ratio 失效 → 非方形圖變「扁橢圓」。height:auto 後高隨寬（= 圓直徑）。 */
    height: auto;
}