/* ========================================
   1. 前台富文本文章排版样式 (Prose)
======================================== */
.prose img { 
    max-width: 100%; 
    height: auto; 
    border-radius: 4px; 
    margin: 1.5rem 0; 
}
.prose ul { 
    list-style-type: disc; 
    padding-left: 1.5rem; 
}
.prose ol { 
    list-style-type: decimal; 
    padding-left: 1.5rem; 
}

/* ========================================
   2. 后台 Quill 编辑器图片限制
======================================== */
.ql-editor img { 
    max-width: 200px; 
    border-radius: 4px; 
}

/* ========================================
   3. 前台产品列表图片卡片 (365 x 250)
======================================== */
.product-list-img {
    width: 100%;
    /* 强制使用 365/250 的长宽比例 */
    aspect-ratio: 365 / 250;
    background-color: #f9fafb; /* 对应 tailwind 的 bg-gray-50 */
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-list-img img {
    width: 100%;
    height: 100%;
    /* 使用 object-cover 会填满整个 365x250 区域（多余部分会被裁剪）*/
    /* 如果你希望保留完整图片留白边，请将其改为 object-fit: contain; */
    object-fit: cover; 
    transition: transform 0.5s ease;
}

/* 鼠标悬停放大特效 */
.group:hover .product-list-img img {
    transform: scale(1.05);
}