.beauty-img-container[data-v-1df89cfa]{max-width:1200px;margin:0 auto;padding:20px;text-align:center}.page-title[data-v-1df89cfa]{font-size:24px;font-weight:700;margin-bottom:30px;color:#333}.action-area[data-v-1df89cfa]{margin-bottom:10px;display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.icon-btn[data-v-1df89cfa]{width:40px;height:40px;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;background-color:transparent;color:#666}.icon[data-v-1df89cfa]{width:20px;height:20px}.icon-btn[data-v-1df89cfa]:hover{border-color:#999;transform:scale(1.05);color:#333}.get-img-btn.disabled[data-v-1df89cfa]{border-color:#ddd;color:#ccc;cursor:not-allowed;transform:none}.collect-btn.collected[data-v-1df89cfa]{border-color:#ff4757;color:#ff4757}.collect-btn.collected[data-v-1df89cfa]:hover{border-color:#ff3742;color:#ff3742}.collect-list-overlay[data-v-1df89cfa]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:9999}.collect-list-content[data-v-1df89cfa]{position:relative;background-color:#fff;border-radius:8px;width:90%;max-width:1000px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column}.collect-list-header[data-v-1df89cfa]{padding:20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.collect-list-header h2[data-v-1df89cfa]{margin:0;font-size:20px;color:#333}.close-btn[data-v-1df89cfa]{font-size:24px;background:none;border:none;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s}.close-btn[data-v-1df89cfa]:hover{background-color:#f0f0f0}.collect-list-body[data-v-1df89cfa]{padding:20px;overflow-y:auto;flex:1}.no-collect-tip[data-v-1df89cfa]{text-align:center;color:#666;padding:40px 0;font-size:16px}.loading-more[data-v-1df89cfa],.no-more[data-v-1df89cfa]{text-align:center;color:#666;padding:20px 0;font-size:14px;clear:both}.waterfall-container[data-v-1df89cfa]{column-count:3;column-gap:15px}.waterfall-item[data-v-1df89cfa]{break-inside:avoid;margin-bottom:15px}.waterfall-img-wrapper[data-v-1df89cfa]{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.waterfall-img[data-v-1df89cfa]{width:100%;display:block;cursor:pointer;transition:transform .3s}.waterfall-img[data-v-1df89cfa]:hover{transform:scale(1.05)}.delete-btn[data-v-1df89cfa]{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background-color:#ff4757e6;color:#fff;border:none;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;opacity:0}.waterfall-img-wrapper:hover .delete-btn[data-v-1df89cfa]{opacity:1}.delete-btn[data-v-1df89cfa]:hover{background-color:#ff3742;transform:scale(1.1)}@media(max-width:768px){.waterfall-container[data-v-1df89cfa]{column-count:2}.collect-list-content[data-v-1df89cfa]{width:95%;max-height:85vh}.collect-list-header[data-v-1df89cfa]{padding:15px}.collect-list-header h2[data-v-1df89cfa]{font-size:18px}.collect-list-body[data-v-1df89cfa]{padding:15px}}@media(max-width:375px){.waterfall-container[data-v-1df89cfa]{column-count:1}.action-area[data-v-1df89cfa]{flex-wrap:wrap;gap:8px}.get-img-btn[data-v-1df89cfa],.collect-btn[data-v-1df89cfa],.view-collect-btn[data-v-1df89cfa]{padding:6px 12px;font-size:12px}}.img-display-area[data-v-1df89cfa]{display:flex;justify-content:center;min-height:400px}.img-wrapper[data-v-1df89cfa]{position:relative;display:inline-block;max-width:100%;max-height:600px}.beauty-img[data-v-1df89cfa]{max-width:100%;max-height:600px;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;cursor:pointer;transition:transform .3s}.beauty-img[data-v-1df89cfa]:hover{transform:scale(1.02)}.img-placeholder[data-v-1df89cfa]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#f0f0f0;border-radius:8px;box-shadow:0 4px 8px #0000001a}.no-img-tip[data-v-1df89cfa]{font-size:16px;color:#666;text-align:center}@media(max-width:768px){.no-img-tip[data-v-1df89cfa]{font-size:14px}}@media(max-width:375px){.no-img-tip[data-v-1df89cfa]{font-size:12px}}.image-preview-overlay[data-v-1df89cfa]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:9999}.image-preview-content[data-v-1df89cfa]{position:relative;max-width:90%;max-height:90%}.preview-img[data-v-1df89cfa]{max-width:100%;max-height:90vh;border-radius:4px}@media(max-width:768px){.page-title[data-v-1df89cfa]{font-size:20px}.get-img-btn[data-v-1df89cfa]{padding:10px 20px;font-size:14px}.beauty-img[data-v-1df89cfa]{max-height:400px}}@media(max-width:375px){.beauty-img-container[data-v-1df89cfa]{padding:10px}.page-title[data-v-1df89cfa]{font-size:18px;margin-bottom:20px}.action-area[data-v-1df89cfa]{margin-bottom:20px}.beauty-img[data-v-1df89cfa]{max-height:300px}}