diff --git a/next.config.mjs b/next.config.mjs
index 928b38e..de0f037 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -26,6 +26,7 @@ const nextConfig = withAntdLess({
             pathname: '/**',
           }
         ],
+        domains: ['cdn.qqqq.world'],
       },
     transpilePackages: ['antd', '@ant-design', 'rc-util', 'rc-pagination', 'rc-picker', 'rc-notification', 'rc-tooltip'],
     webpack: (config) => {
diff --git a/src/app/(pages)/4q-gallery/_components/item-card.tsx b/src/app/(pages)/4q-gallery/_components/item-card.tsx
index 2dada1a..dd748ef 100644
--- a/src/app/(pages)/4q-gallery/_components/item-card.tsx
+++ b/src/app/(pages)/4q-gallery/_components/item-card.tsx
@@ -88,6 +88,7 @@ export default function ItemCard({ item }: ItemCardProps) {
             src={item.url}
             alt="photo QR"
             onClick={showDrawer}
+            unoptimized
           />
         </div>
       </div>
diff --git a/src/app/(pages)/4q-gallery/_components/item-container.tsx b/src/app/(pages)/4q-gallery/_components/item-container.tsx
index 824f17b..25031cb 100644
--- a/src/app/(pages)/4q-gallery/_components/item-container.tsx
+++ b/src/app/(pages)/4q-gallery/_components/item-container.tsx
@@ -88,7 +88,7 @@ export default function Container({ category, tag, sort }: ContainerProps) {
           {isFetchingNextPage ? (
             <BounceDot option={loadingOption} />
           ) : (
-            <span> </span>
+            <span></span>
           )}
         </div>
       )}
diff --git a/src/app/layout.module.css b/src/app/layout.module.css
index 0624ab3..44f0748 100644
--- a/src/app/layout.module.css
+++ b/src/app/layout.module.css
@@ -18,6 +18,7 @@
 
 .bodyContainer {
   height: calc(100vh - 60px);
+  height: calc(-webkit-fill-available - 60px);
   width: 100%;
   margin-top: 55px;
   overflow-y: auto;