.ai-image-nav[data-v-29b8a10e]{padding:23px 24px}.ai-image-nav .page-head[data-v-29b8a10e]{margin:8px 0 18px}.ai-image-nav .page-head .title[data-v-29b8a10e]{color:#fff;font-family:PingFang SC;font-size:22px;font-weight:400}.ai-image-nav .page-head .subtitle[data-v-29b8a10e]{color:#fff;font-family:PingFang SC;font-size:14px;font-weight:400;margin-top:4px}.ai-image-nav .grid[data-v-29b8a10e]{display:grid;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}.ai-image-nav .grid .card[data-v-29b8a10e]{background-color:#ffffff0a;border:.4px solid hsla(0,0%,100%,.2);border-radius:14px;cursor:pointer;padding:12px;transition:transform .15s ease,border-color .15s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ai-image-nav .grid .card .media[data-v-29b8a10e]{aspect-ratio:16/10;background:#ffffff0a;border-radius:12px;overflow:hidden;position:relative}.ai-image-nav .grid .card .media .media-img[data-v-29b8a10e]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.ai-image-nav .grid .card .media .media-overlay[data-v-29b8a10e]{align-items:flex-end;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55));display:flex;inset:0;justify-content:flex-start;opacity:0;padding:12px;position:absolute;transition:opacity .15s ease}.ai-image-nav .grid .card .card-title[data-v-29b8a10e]{color:#c0b9cb;font-family:PingFang SC;font-size:14px;font-weight:400;margin-top:12px}.ai-image-nav .grid .card[data-v-29b8a10e]:hover{background-color:#ffffff14;border:1px solid hsla(0,0%,100%,.4)}.ai-image-nav .grid .card:hover .card-title[data-v-29b8a10e]{color:#fff}.ai-image-nav .grid .card:hover .media-overlay[data-v-29b8a10e]{opacity:1}@media (max-width:1024px){.ai-image-nav .grid[data-v-29b8a10e]{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:768px){.ai-image-nav[data-v-29b8a10e]{padding:16px 12px}.ai-image-nav .page-head .title[data-v-29b8a10e]{color:#fff;font-family:PingFang SC;font-size:12px;font-weight:400}.ai-image-nav .page-head .subtitle[data-v-29b8a10e]{font-size:9px;margin-top:6px}.ai-image-nav .grid[data-v-29b8a10e]{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.ai-image-nav .grid .card[data-v-29b8a10e]{border-radius:8px;padding:6px}.ai-image-nav .grid .card .card-title[data-v-29b8a10e]{font-size:7px;margin-top:6px}}