/* PictureOrder Gallery Styles */ #picture-order-6a8d92b53ddbf { display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; width: 100%; margin: 0; padding: 0; line-height: 0; font-size: 0; } #picture-order-6a8d92b53ddbf .gallery-item { position: relative; width: 100%; height: 300px; overflow: hidden; border-radius: 4px; margin: 0; padding: 0; display: block; } #picture-order-6a8d92b53ddbf img { width: 100%; height: 100%; object-fit: cover; display: block; margin: 0; padding: 0; border: none; vertical-align: top; } /* 移动端响应式调整 */ @media (max-width: 1024px) { #picture-order-6a8d92b53ddbf { grid-template-columns: repeat(2, 1fr); gap: 7.2px; } #picture-order-6a8d92b53ddbf .gallery-item { height: 160px !important; } } @media (max-width: 768px) { #picture-order-6a8d92b53ddbf { gap: 6.4px; } } @media (max-width: 480px) { #picture-order-6a8d92b53ddbf { gap: 5.6px; } }