.image-desc-text[data-v-5bdb9e7f]{margin-bottom:5px;margin-left:10px;margin-top:15px}.image-list-container[data-v-5bdb9e7f]{width:100%}.layout-controls[data-v-5bdb9e7f]{margin-bottom:20px;text-align:center}.masonry-grid[data-v-5bdb9e7f]{min-height:400px;opacity:0;position:relative;transition:opacity .3s ease,height .3s ease;width:100%}.masonry-grid.layout-ready[data-v-5bdb9e7f]{opacity:1}.masonry-item[data-v-5bdb9e7f]{background:#fff;border:1px solid #eee;box-shadow:0 2px 8px #0000001a;margin-bottom:25px;overflow:hidden;transition:all .3s ease}.image-wrapper[data-v-5bdb9e7f]{background:#f5f5f5;overflow:hidden;position:relative;width:100%}.image-wrapper img[data-v-5bdb9e7f]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease,opacity .3s ease;width:100%}.lazy-image[data-v-5bdb9e7f]{background-color:#f5f5f5;background-image:linear-gradient(90deg,#f0f0f0 25%,transparent 0),linear-gradient(#f0f0f0 50%,transparent 0);background-position:0 0,0 10px;background-size:20px 20px;opacity:.7}.lazy-image.loaded[data-v-5bdb9e7f]{background:none;opacity:1}.hover-buttons[data-v-5bdb9e7f]{bottom:10px;right:10px}.hover-buttons[data-v-5bdb9e7f],.hover-buttons-topleft[data-v-5bdb9e7f]{display:flex;flex-direction:column;gap:8px;opacity:0;position:absolute;transform:translateY(10px);transition:all .3s ease}.hover-buttons-topleft[data-v-5bdb9e7f]{left:10px;top:10px}.image-wrapper:hover .hover-buttons[data-v-5bdb9e7f],.image-wrapper:hover .hover-buttons-topleft[data-v-5bdb9e7f],.image-wrapper:hover .image-hover-mask[data-v-5bdb9e7f]{opacity:1;transform:translateY(0)}.action-btn-bottomleft[data-v-5bdb9e7f],.action-btn-topleft[data-v-5bdb9e7f]{border-radius:5px;color:#ffffffe0;padding-left:8px;padding-right:8px}.action-btn[data-v-5bdb9e7f],.action-btn-bottomleft[data-v-5bdb9e7f],.action-btn-topleft[data-v-5bdb9e7f]{align-items:center;background:#ffffff38;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;height:36px;justify-content:center;pointer-events:auto;transition:all .2s ease}.action-btn[data-v-5bdb9e7f]{border-radius:50%;margin-left:0;width:36px}.action-btn[data-v-5bdb9e7f]:hover{box-shadow:0 4px 12px #0003;transform:scale(1.1)}.action-btn .el-icon[data-v-5bdb9e7f],.action-btn svg>path[data-v-5bdb9e7f],.action-btn>svg>path[data-v-5bdb9e7f]{fill:#ffffffe0}.action-btn .el-icon[data-v-5bdb9e7f]{color:#666;font-size:18px;transition:color .2s ease}.action-btn:hover .el-icon[data-v-5bdb9e7f]{color:#333}.action-btn.liked[data-v-5bdb9e7f]{background:#f56b6be6}.action-btn.liked .el-icon[data-v-5bdb9e7f],.action-btn.liked .el-icon>path[data-v-5bdb9e7f]{color:#fff;fill:#fff}.action-btn.favorited[data-v-5bdb9e7f]{background:#e6a23ce6}.action-btn.favorited .el-icon[data-v-5bdb9e7f]{color:#fff}.image-title[data-v-5bdb9e7f]{background:#fafafa;border-top:1px solid #eee;color:#333;font-size:14px;padding:8px 12px;text-align:center;text-align:left}.image-loading-overlay[data-v-5bdb9e7f]{align-items:center;background-color:#fffc;color:#009a61;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.image-loading[data-v-5bdb9e7f]{opacity:.6}.loading-more[data-v-5bdb9e7f]{align-items:center;color:#666;display:flex;font-size:14px;justify-content:center;margin-top:20px;padding:30px 20px}.loading-more .loading-spinner[data-v-5bdb9e7f]{animation:spin-5bdb9e7f 1s linear infinite;border:2px solid #e3e3e3;border-radius:50%;border-top-color:#009a61;height:20px;margin-right:10px;width:20px}@keyframes spin-5bdb9e7f{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.manual-load-more[data-v-5bdb9e7f]{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #009a61;border-radius:12px;display:flex;justify-content:center;margin-top:30px;padding:50px 20px}.load-more-content[data-v-5bdb9e7f]{max-width:400px;text-align:center}.load-more-icon[data-v-5bdb9e7f]{animation:bounce-5bdb9e7f 2s infinite;font-size:48px;margin-bottom:20px}@keyframes bounce-5bdb9e7f{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.load-more-content h3[data-v-5bdb9e7f]{color:#333;font-size:20px;font-weight:600;margin:0 0 10px}.load-more-content p[data-v-5bdb9e7f]{color:#666;font-size:14px;line-height:1.5;margin:0 0 25px}.load-more-content .el-button[data-v-5bdb9e7f]{border-radius:25px;box-shadow:0 4px 12px #009a614d;font-size:16px;padding:12px 30px;transition:all .3s ease}.load-more-content .el-button[data-v-5bdb9e7f]:hover{box-shadow:0 6px 20px #009a6166;transform:translateY(-2px)}.image-hover-mask[data-v-5bdb9e7f]{height:100%;opacity:0;pointer-events:none}.image-hover-mask[data-v-5bdb9e7f],.image-hover-mask-top[data-v-5bdb9e7f]{left:0;position:absolute;top:0;width:100%}.image-hover-mask-top[data-v-5bdb9e7f]{background:linear-gradient(rgba(25,27,38,.4),transparent);height:50%}.image-hover-mask-bottom[data-v-5bdb9e7f]{background:linear-gradient(transparent,#191b26e0);bottom:0;height:50%;left:0;position:absolute;width:100%}.image-title-text[data-v-5bdb9e7f]{font-size:16px;margin:5px 0}.tag-style[data-v-5bdb9e7f]{background:#f0f0f0;border-radius:5px;color:#333;display:inline-block;font-size:14px;margin-bottom:5px;margin-right:5px;padding:5px 10px}@media (max-width:768px){.hover-buttons[data-v-5bdb9e7f]{bottom:8px;gap:6px;right:8px}.action-btn[data-v-5bdb9e7f]{height:32px;width:32px}.action-btn .el-icon[data-v-5bdb9e7f]{font-size:16px}}@media (max-width:480px){.layout-controls[data-v-5bdb9e7f]{margin-bottom:15px}.hover-buttons[data-v-5bdb9e7f]{bottom:6px;gap:4px;right:6px}.action-btn[data-v-5bdb9e7f]{height:28px;width:28px}.action-btn .el-icon[data-v-5bdb9e7f]{font-size:14px}}