*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#f5f5f5}#app{min-height:100vh}.home-page[data-v-d1eccc61]{padding:0;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e9f2)}.search-header[data-v-d1eccc61]{position:sticky;top:0;z-index:101;background:linear-gradient(135deg,#f5f7fa,#e4e9f2);padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #0000000d}.search-bar[data-v-d1eccc61]{flex:1;display:flex;align-items:center;background:#fff;border-radius:24px;padding:10px 16px;box-shadow:0 2px 6px #00000014;transition:box-shadow .2s}.search-bar[data-v-d1eccc61]:focus-within{box-shadow:0 4px 12px #007aff33}.search-icon[data-v-d1eccc61]{font-size:16px;margin-right:8px;color:#999}.search-input[data-v-d1eccc61]{flex:1;border:none;outline:none;font-size:14px;color:#333;background:transparent}.search-input[data-v-d1eccc61]::placeholder{color:#999}.header-actions[data-v-d1eccc61]{display:flex;gap:8px;flex-shrink:0}.header-btn[data-v-d1eccc61]{display:flex;align-items:center;gap:6px;padding:10px 16px;border:none;border-radius:20px;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}.upload-btn-small[data-v-d1eccc61]{background:linear-gradient(135deg,#007aff,#00c6ff);color:#fff;box-shadow:0 2px 8px #007aff4d}.upload-btn-small[data-v-d1eccc61]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #007aff66}.share-btn-small[data-v-d1eccc61]{background:linear-gradient(135deg,#34c759,#30d158);color:#fff;box-shadow:0 2px 8px #34c7594d}.share-btn-small[data-v-d1eccc61]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #34c75966}.my-share-btn-small[data-v-d1eccc61]{padding:8px 12px;background:linear-gradient(135deg,#ff9500,#ffb340);color:#fff;border:none;border-radius:20px;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #ff95004d}.my-share-btn-small[data-v-d1eccc61]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff950066}.btn-icon[data-v-d1eccc61],.btn-text[data-v-d1eccc61]{font-size:14px}.faces-header[data-v-d1eccc61]{position:sticky;top:60px;z-index:100;background:linear-gradient(135deg,#fff5f5,#ffe6e6);padding:12px 16px;box-shadow:0 2px 8px #0000000d;border-bottom:2px solid #ffcccc}.faces-header-top[data-v-d1eccc61]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.faces-toggle-btn[data-v-d1eccc61]{padding:4px 12px;font-size:12px;color:#007aff;background:#007aff1a;border:1px solid rgba(0,122,255,.3);border-radius:12px;cursor:pointer;transition:all .2s}.faces-toggle-btn[data-v-d1eccc61]:hover{background:#007aff33}.faces-grid[data-v-d1eccc61]{display:none;flex-wrap:wrap;gap:8px;align-items:center;transition:max-height .3s ease}.faces-grid.expanded[data-v-d1eccc61]{display:flex;max-height:none;overflow:visible}.face-avatar-wrapper[data-v-d1eccc61]{position:relative;cursor:pointer;transition:all .2s}.face-avatar-wrapper[data-v-d1eccc61]:hover{transform:scale(1.15);z-index:10}.face-avatar-wrapper.active .face-avatar[data-v-d1eccc61]{box-shadow:0 0 0 3px #007aff,0 2px 8px #00000026}.face-avatar[data-v-d1eccc61]{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 4px #0000001a;transition:all .2s}.face-avatar-placeholder[data-v-d1eccc61]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#007aff,#00c6ff);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;border:2px solid #fff;box-shadow:0 2px 4px #0000001a;transition:all .2s}.face-avatar-wrapper.add-face-btn:hover .face-avatar-placeholder[data-v-d1eccc61]{background:linear-gradient(135deg,#06c,#00a8e6);transform:scale(1.1)}.photos-container[data-v-d1eccc61]{padding:0 16px 16px}.tags-header[data-v-d1eccc61]{position:sticky;top:130px;z-index:99;background:linear-gradient(135deg,#f5f7fa,#e4e9f2);padding:12px 16px;box-shadow:0 2px 8px #0000000d}.tags-header-scroll[data-v-d1eccc61]{display:flex;gap:10px;overflow-x:auto;padding:0;scrollbar-width:thin;scrollbar-color:rgba(0,122,255,.3) transparent}.tags-header-scroll[data-v-d1eccc61]::-webkit-scrollbar{height:4px}.tags-header-scroll[data-v-d1eccc61]::-webkit-scrollbar-track{background:transparent}.tags-header-scroll[data-v-d1eccc61]::-webkit-scrollbar-thumb{background:#007aff4d;border-radius:2px}.tags-header-scroll[data-v-d1eccc61]::-webkit-scrollbar-thumb:hover{background:#007aff80}.sort-options-bar[data-v-d1eccc61]{position:sticky;top:190px;z-index:98;background:linear-gradient(135deg,#f5f7fa,#e4e9f2);padding:10px 16px;box-shadow:0 2px 8px #0000000d;display:flex;gap:10px;align-items:center}.sort-btn[data-v-d1eccc61]{padding:8px 16px;background:#fff;color:#666;border:1px solid #e0e0e0;border-radius:20px;font-size:14px;white-space:nowrap;cursor:pointer;transition:all .2s;flex-shrink:0}.sort-btn[data-v-d1eccc61]:hover{border-color:#007aff;color:#007aff}.sort-btn.active[data-v-d1eccc61]{background:linear-gradient(135deg,#007aff,#00c6ff);color:#fff;border-color:transparent;box-shadow:0 2px 8px #007aff4d}.comments-btn[data-v-d1eccc61]{padding:8px 16px;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;border:none;border-radius:20px;font-size:14px;white-space:nowrap;cursor:pointer;transition:all .2s;flex-shrink:0;box-shadow:0 2px 8px #ff6b6b4d;position:relative;display:flex;align-items:center;gap:6px}.comments-btn[data-v-d1eccc61]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.comment-badge[data-v-d1eccc61]{background:#fff;color:#ff6b6b;font-size:11px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;display:inline-block}.tag-btn[data-v-d1eccc61]{padding:8px 16px;background:#fff;color:#666;border:1px solid #e0e0e0;border-radius:20px;font-size:14px;white-space:nowrap;cursor:pointer;transition:all .2s;flex-shrink:0}.tag-btn[data-v-d1eccc61]:hover{border-color:#007aff;color:#007aff}.tag-btn.active[data-v-d1eccc61]{background:linear-gradient(135deg,#007aff,#00c6ff);color:#fff;border-color:transparent;box-shadow:0 2px 8px #007aff4d}.tag-btn.add-tag-btn[data-v-d1eccc61]{background:#fff;border-color:#007aff;color:#007aff}.tag-btn.add-tag-btn[data-v-d1eccc61]:hover{background:linear-gradient(135deg,#007aff,#00c6ff);color:#fff}.date-group[data-v-d1eccc61]{margin-bottom:32px}.date-title[data-v-d1eccc61]{font-size:18px;font-weight:600;color:#333;margin:0 0 12px 4px;position:sticky;top:250px;background:linear-gradient(135deg,#f5f7fa,#e4e9f2);padding:8px 0;z-index:90}.photos-grid[data-v-d1eccc61]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.photo-item[data-v-d1eccc61]{position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px;background:#fff;cursor:pointer;transition:transform .2s}.photo-item[data-v-d1eccc61]:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.photo[data-v-d1eccc61]{width:100%;height:100%;object-fit:cover}.photo-overlay[data-v-d1eccc61]{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000;transition:background .2s}.photo-item:hover .photo-overlay[data-v-d1eccc61]{background:#0000004d}.thumbnail-tags[data-v-d1eccc61]{position:absolute;bottom:8px;left:8px;z-index:12;max-width:calc(100% - 50px);overflow:visible}.tags-scroll[data-v-d1eccc61]{display:flex;gap:4px;flex-wrap:wrap;align-items:flex-end;max-width:100%}.tag-label[data-v-d1eccc61],.tag-more[data-v-d1eccc61],.no-tag[data-v-d1eccc61]{display:inline-flex;align-items:center;padding:3px 8px;font-size:9px;line-height:10px;box-sizing:border-box;color:#fff;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 1px 2px rgba(0,0,0,.2)}.tag-label[data-v-d1eccc61]{background:linear-gradient(135deg,#007affe6,#00b4d8e6);white-space:nowrap;pointer-events:auto}.tag-more[data-v-d1eccc61]{padding:3px 6px;background:linear-gradient(135deg,#007affb3,#00b4d8b3);pointer-events:auto}.no-tag[data-v-d1eccc61]{background:linear-gradient(135deg,#646464b3,#3c3c3cb3);pointer-events:auto}.thumbnail-tags[data-v-d1eccc61]{cursor:pointer}.thumbnail-tags[data-v-d1eccc61]:hover{opacity:.9}.thumbnail-likes[data-v-d1eccc61]{position:absolute;bottom:8px;right:8px;z-index:11;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;box-sizing:border-box;color:#fff;border-radius:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-shadow:0 1px 2px rgba(0,0,0,.2);background:#ffffff4d}.likes-count[data-v-d1eccc61]{font-size:9px;font-weight:600;text-align:center}.like-heart[data-v-d1eccc61]{font-size:9px;color:#ff6b6b}.like-heart.liked[data-v-d1eccc61]{animation:heartbeat .3s ease}.photo-item:hover .photo-info[data-v-d1eccc61]{opacity:1}.photo-info[data-v-d1eccc61]{position:absolute;bottom:0;left:0;right:0;padding:12px;background:linear-gradient(transparent,#000000b3);opacity:0;transition:opacity .2s;z-index:4;pointer-events:none}.photo-date[data-v-d1eccc61]{font-size:12px;color:#fff;margin-bottom:4px}.photo-album[data-v-d1eccc61]{font-size:14px;font-weight:500;color:#fff}.share-mode-bar[data-v-d1eccc61]{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:linear-gradient(135deg,#34c759,#30d158);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -2px 8px #34c7594d}.share-mode-text[data-v-d1eccc61]{color:#fff;font-size:14px;font-weight:500}.share-mode-buttons[data-v-d1eccc61]{display:flex;gap:8px}.share-btn[data-v-d1eccc61]{padding:6px 16px;background:#fff;color:#34c759;border:none;border-radius:16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.share-btn[data-v-d1eccc61]:disabled{opacity:.5;cursor:not-allowed}.share-btn[data-v-d1eccc61]:not(:disabled):hover{background:#f5f5f5}.cancel-share-btn[data-v-d1eccc61]{padding:6px 16px;background:#ffffff4d;color:#fff;border:none;border-radius:16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-share-btn[data-v-d1eccc61]:hover{background:#fff6}.photo-item.share-mode[data-v-d1eccc61]{cursor:pointer}.photo-item.share-mode.selected[data-v-d1eccc61]{box-shadow:0 0 0 3px #34c759}.share-checkbox[data-v-d1eccc61]{position:absolute;top:8px;right:8px;width:24px;height:24px;border:2px solid rgba(255,255,255,.8);border-radius:50%;background:#0000004d;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:700;z-index:15;transition:all .2s}.share-checkbox.checked[data-v-d1eccc61]{background:#34c759;border-color:#34c759}.share-dialog-overlay[data-v-d1eccc61]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:3000}.share-dialog-content[data-v-d1eccc61]{background:#fff;padding:24px;border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #0003;position:relative}.share-dialog-content .close-btn[data-v-d1eccc61]{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:#0000001a;border:none;color:#666;font-size:18px;cursor:pointer;transition:background .2s}.share-dialog-content .close-btn[data-v-d1eccc61]:hover{background:#0003}.share-dialog-content h3[data-v-d1eccc61]{margin:0 0 20px;font-size:18px;color:#333;padding-right:40px}.share-description[data-v-d1eccc61]{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;box-sizing:border-box;outline:none;resize:none;font-family:inherit;transition:border-color .2s}.share-description[data-v-d1eccc61]:focus{border-color:#34c759}.share-count[data-v-d1eccc61]{text-align:right;font-size:12px;color:#999;margin-bottom:16px}.share-photos-grid[data-v-d1eccc61]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.share-photo-item[data-v-d1eccc61]{aspect-ratio:1;border-radius:8px;overflow:hidden;background:#f5f5f5}.share-photo-item img[data-v-d1eccc61]{width:100%;height:100%;object-fit:cover}.tag-context-menu[data-v-d1eccc61]{position:fixed;z-index:5000;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:4px 0;min-width:120px}.menu-item[data-v-d1eccc61]{padding:10px 16px;cursor:pointer;font-size:14px;color:#333;transition:background .2s}.menu-item[data-v-d1eccc61]:hover{background:#f5f5f5}.menu-item.delete[data-v-d1eccc61]{color:#ff6b6b}.menu-item.delete[data-v-d1eccc61]:hover{background:#ff6b6b1a}.existing-tags-list[data-v-d1eccc61]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;max-height:200px;overflow-y:auto}.selectable-tag[data-v-d1eccc61]{padding:8px 16px;background:#f5f5f5;color:#666;border-radius:16px;font-size:14px;cursor:pointer;transition:all .2s;border:1px solid #e0e0e0}.selectable-tag[data-v-d1eccc61]:hover{background:#e8e8e8}.selectable-tag.selected[data-v-d1eccc61]{background:linear-gradient(135deg,#007aff,#00c6ff);color:#fff;border-color:transparent}.preview-modal[data-v-d1eccc61]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000}.close-btn[data-v-d1eccc61]{position:absolute;top:20px;right:20px;width:48px;height:48px;border-radius:50%;background:#fff3;border:none;color:#fff;font-size:24px;cursor:pointer;transition:background .2s}.close-btn[data-v-d1eccc61]:hover{background:#ffffff4d}.prev-btn[data-v-d1eccc61],.next-btn[data-v-d1eccc61]{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;border-radius:50%;background:#fff3;border:none;color:#fff;font-size:32px;cursor:pointer;transition:background .2s}.prev-btn[data-v-d1eccc61]{left:20px}.next-btn[data-v-d1eccc61]{right:20px}.prev-btn[data-v-d1eccc61]:hover,.next-btn[data-v-d1eccc61]:hover{background:#ffffff4d}.preview-container[data-v-d1eccc61]{position:relative;width:90vw;height:90vh;display:flex;align-items:center;justify-content:center}.photo-view[data-v-d1eccc61]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.preview-image[data-v-d1eccc61]{max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px}.tags-bar[data-v-d1eccc61]{position:absolute;bottom:100px;left:20px;right:20px;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#000000b3;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tags-label[data-v-d1eccc61]{font-size:14px;color:#fff;white-space:nowrap}.tags-list[data-v-d1eccc61]{display:flex;gap:8px;flex-wrap:wrap}.tag-badge[data-v-d1eccc61]{padding:6px 14px;background:#007affcc;color:#fff;border-radius:16px;font-size:13px;white-space:nowrap}.tag-badge.empty[data-v-d1eccc61]{background:#9999}.likes-bar[data-v-d1eccc61]{position:absolute;bottom:30px;right:20px;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#000000b3;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.likes-count-bar[data-v-d1eccc61]{font-size:18px;font-weight:600;color:#fff;min-width:30px}.like-btn[data-v-d1eccc61]{font-size:24px;background:none;border:none;cursor:pointer;color:#ff6b6b;transition:all .2s}.like-btn span.liked[data-v-d1eccc61]{animation:heartbeat .3s ease}.zoom-controls[data-v-d1eccc61]{position:absolute;bottom:30px;left:20px;display:flex;align-items:center;gap:12px;padding:8px 12px;background:#000000b3;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.zoom-btn[data-v-d1eccc61]{width:32px;height:32px;border-radius:6px;background:#fff3;border:none;color:#fff;font-size:20px;cursor:pointer;transition:background .2s}.zoom-btn[data-v-d1eccc61]:hover{background:#ffffff4d}.zoom-level[data-v-d1eccc61]{font-size:14px;color:#fff;min-width:50px;text-align:center}.dialog-overlay[data-v-d1eccc61]{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000}.dialog-content[data-v-d1eccc61]{background:#fff;padding:24px;border-radius:12px;width:90%;max-width:400px;box-shadow:0 4px 20px #0003}.dialog-content h3[data-v-d1eccc61]{margin:0 0 20px;font-size:18px;color:#333}.tag-input[data-v-d1eccc61]{width:100%;padding:12px;border:1px solid #e0e0e0;border-radius:8px;font-size:14px;box-sizing:border-box;outline:none;transition:border-color .2s}.tag-input[data-v-d1eccc61]:focus{border-color:#007aff}.dialog-buttons[data-v-d1eccc61]{display:flex;gap:12px;margin-top:20px}.dialog-btn[data-v-d1eccc61]{flex:1;padding:10px 20px;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s}.cancel-btn[data-v-d1eccc61]{background:#f5f5f5;color:#666}.cancel-btn[data-v-d1eccc61]:hover{background:#e0e0e0}.confirm-btn[data-v-d1eccc61]{background:linear-gradient(135deg,#007aff,#00c6ff);color:#fff}.confirm-btn[data-v-d1eccc61]:hover{opacity:.9}@media (max-width: 768px){.search-header[data-v-d1eccc61]{padding:10px 12px}.header-btn[data-v-d1eccc61]{padding:8px 12px}.btn-text[data-v-d1eccc61]{display:none}.btn-icon[data-v-d1eccc61]{font-size:16px;margin:0}.faces-header[data-v-d1eccc61]{top:55px}.tags-header[data-v-d1eccc61]{top:120px;flex-wrap:wrap}.tags-header-scroll[data-v-d1eccc61]{flex:1;overflow-x:auto}.sort-options[data-v-d1eccc61]{margin-left:8px}.date-title[data-v-d1eccc61]{top:240px}}@media (max-width: 480px){.search-header[data-v-d1eccc61]{padding:8px;gap:6px}.search-bar[data-v-d1eccc61]{padding:8px 12px}.search-input[data-v-d1eccc61]{font-size:13px}.search-icon[data-v-d1eccc61]{font-size:14px;margin-right:6px}.header-btn[data-v-d1eccc61]{padding:8px 10px;border-radius:16px}.header-actions[data-v-d1eccc61]{gap:6px}.face-avatar[data-v-d1eccc61]{width:36px;height:36px}.face-avatar-placeholder[data-v-d1eccc61]{width:36px;height:36px;font-size:18px}.faces-header[data-v-d1eccc61]{padding:10px 12px}.faces-grid[data-v-d1eccc61]{max-height:50px;gap:6px}.faces-grid.expanded[data-v-d1eccc61]{max-height:none;overflow:visible}.faces-toggle-btn[data-v-d1eccc61]{padding:3px 10px;font-size:11px}}@media (max-width: 768px){.tags-bar[data-v-d1eccc61]{bottom:140px;left:10px;right:10px;padding:10px 12px}.tags-label[data-v-d1eccc61]{font-size:12px}.tag-badge[data-v-d1eccc61]{padding:4px 10px;font-size:11px}}@media (max-width: 480px){.tag-label[data-v-d1eccc61],.tag-more[data-v-d1eccc61],.no-tag[data-v-d1eccc61]{font-size:9px;padding:2px 6px}.thumbnail-likes[data-v-d1eccc61]{padding:3px 6px;bottom:6px;right:6px}.likes-count[data-v-d1eccc61],.like-heart[data-v-d1eccc61]{font-size:9px}.prev-btn[data-v-d1eccc61],.next-btn[data-v-d1eccc61]{width:44px;height:44px;font-size:24px}}.tags-page[data-v-ec7eed3c]{padding:16px}.tags-grid[data-v-ec7eed3c]{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:80px}.tag-card[data-v-ec7eed3c]{display:flex;padding:16px;background:#fff;border-radius:12px}.tag-color[data-v-ec7eed3c]{width:32px;height:32px;border-radius:50%;margin-right:12px}.tag-info[data-v-ec7eed3c]{flex:1}.tag-name[data-v-ec7eed3c]{font-size:16px;color:#333;margin-bottom:4px}.tag-count[data-v-ec7eed3c]{font-size:12px;color:#999}.add-btn[data-v-ec7eed3c]{position:fixed;right:20px;bottom:100px;padding:12px 24px;background:#007aff;color:#fff;border:none;border-radius:24px;cursor:pointer}.modal[data-v-ec7eed3c]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center}.modal-content[data-v-ec7eed3c]{background:#fff;padding:32px;border-radius:16px;width:80%;max-width:400px}.input[data-v-ec7eed3c]{width:100%;padding:12px;margin:16px 0;border:1px solid #eee;border-radius:8px}.colors[data-v-ec7eed3c]{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.color-item[data-v-ec7eed3c]{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer}.color-item.active[data-v-ec7eed3c]{border-color:#333}.btn-primary[data-v-ec7eed3c],.btn-secondary[data-v-ec7eed3c]{width:100%;padding:12px;margin:8px 0;border:none;border-radius:8px;cursor:pointer}.btn-primary[data-v-ec7eed3c]{background:#007aff;color:#fff}.btn-secondary[data-v-ec7eed3c]{background:#f5f5f5;color:#666}.search-page[data-v-edbd0fcb]{padding:16px}.search-input[data-v-edbd0fcb]{width:100%;padding:12px 16px;border:1px solid #eee;border-radius:24px;font-size:16px;margin-bottom:24px}.results[data-v-edbd0fcb],.recommend[data-v-edbd0fcb]{margin-bottom:80px}h2[data-v-edbd0fcb]{font-size:18px;margin-bottom:16px;color:#333}.photos-grid[data-v-edbd0fcb]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photo[data-v-edbd0fcb]{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;cursor:pointer}.empty[data-v-edbd0fcb]{text-align:center;padding:60px 20px;color:#999}.tag-list[data-v-edbd0fcb]{display:flex;flex-wrap:wrap;gap:12px}.hot-tag[data-v-edbd0fcb]{padding:8px 16px;background:#f5f5f5;border-radius:20px;cursor:pointer;font-size:14px}.hot-tag[data-v-edbd0fcb]:hover{background:#007aff;color:#fff}.share-page[data-v-241264ac]{padding:16px;max-width:600px;margin:0 auto}.section[data-v-241264ac]{background:#fff;padding:20px;border-radius:12px;margin-bottom:16px}h3[data-v-241264ac]{font-size:16px;margin-bottom:12px;color:#333}.select[data-v-241264ac],.input[data-v-241264ac]{width:100%;padding:12px;border:1px solid #eee;border-radius:8px;font-size:16px}.access-options[data-v-241264ac]{display:flex;flex-direction:column;gap:12px}.access-option[data-v-241264ac]{display:flex;align-items:center;gap:8px;cursor:pointer}.create-btn[data-v-241264ac]{width:100%;padding:16px;background:linear-gradient(135deg,#007aff,#00c6ff);color:#fff;border:none;border-radius:12px;font-size:18px;cursor:pointer}.comments-page[data-v-d4c0d0bd]{padding:16px;max-width:800px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e9f2)}.back-btn[data-v-d4c0d0bd]{background:#fff;border:1px solid #e0e0e0;padding:10px 20px;border-radius:20px;font-size:14px;cursor:pointer;margin-bottom:16px;transition:all .2s}.back-btn[data-v-d4c0d0bd]:hover{background:#f5f5f5;border-color:#007aff;color:#007aff}.page-title[data-v-d4c0d0bd]{font-size:24px;font-weight:600;color:#333;margin:0 0 20px}.empty-state[data-v-d4c0d0bd]{text-align:center;padding:60px 20px;color:#999}.empty-icon[data-v-d4c0d0bd]{font-size:64px;margin-bottom:16px}.share-card[data-v-d4c0d0bd]{background:#fff;border-radius:16px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 12px #00000014}.share-header[data-v-d4c0d0bd]{display:flex;gap:12px;padding:16px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s;position:relative}.share-header[data-v-d4c0d0bd]:hover{background:#f9f9f9}.share-cover[data-v-d4c0d0bd]{width:80px;height:80px;object-fit:cover;border-radius:8px}.share-info[data-v-d4c0d0bd]{flex:1;display:flex;flex-direction:column;justify-content:center}.share-name[data-v-d4c0d0bd]{font-size:16px;font-weight:600;color:#333;margin:0 0 8px}.share-meta[data-v-d4c0d0bd]{display:flex;align-items:center;gap:12px;font-size:12px;color:#999}.creator-info[data-v-d4c0d0bd]{display:flex;align-items:center;gap:6px}.creator-avatar[data-v-d4c0d0bd]{width:20px;height:20px;border-radius:50%}.comment-count-badge[data-v-d4c0d0bd]{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#ff6b6b,#ff8e8e);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:12px;min-width:24px;text-align:center}.comments-list[data-v-d4c0d0bd]{padding:16px;max-height:400px;overflow-y:auto}.comment-item[data-v-d4c0d0bd]{display:flex;gap:12px;margin-bottom:16px}.comment-item[data-v-d4c0d0bd]:last-child{margin-bottom:0}.comment-avatar[data-v-d4c0d0bd]{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.comment-content-wrapper[data-v-d4c0d0bd]{flex:1}.comment-header[data-v-d4c0d0bd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.comment-nickname[data-v-d4c0d0bd]{font-size:14px;font-weight:600;color:#333}.comment-time[data-v-d4c0d0bd]{font-size:12px;color:#999}.comment-text[data-v-d4c0d0bd]{font-size:14px;color:#666;margin:0;line-height:1.5}.add-comment-section[data-v-d4c0d0bd]{display:flex;gap:10px;padding:12px 16px;border-top:1px solid #f0f0f0;background:#fafafa}.comment-input[data-v-d4c0d0bd]{flex:1;padding:10px 14px;border:1px solid #e0e0e0;border-radius:20px;font-size:14px;outline:none;transition:border-color .2s}.comment-input[data-v-d4c0d0bd]:focus{border-color:#007aff}.submit-comment-btn[data-v-d4c0d0bd]{padding:10px 20px;background:linear-gradient(135deg,#007aff,#00c6ff);color:#fff;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.submit-comment-btn[data-v-d4c0d0bd]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #007aff4d}.submit-comment-btn[data-v-d4c0d0bd]:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.comments-page[data-v-d4c0d0bd]{padding:12px}.page-title[data-v-d4c0d0bd]{font-size:20px}.share-cover[data-v-d4c0d0bd]{width:60px;height:60px}.share-name[data-v-d4c0d0bd]{font-size:14px}}.myshares-page[data-v-6ce6de4c]{padding:12px;max-width:600px;margin:0 auto;min-height:100vh;background:#f2f2f2}.back-btn[data-v-6ce6de4c]{background:#fff;border:none;padding:10px 20px;border-radius:20px;font-size:14px;cursor:pointer;margin-bottom:12px;transition:all .2s}.back-btn[data-v-6ce6de4c]:hover{background:#f5f5f5}.search-header[data-v-6ce6de4c]{padding:12px 16px;box-shadow:0 2px 8px #0000000d;background:#fff;border-radius:8px;margin-bottom:12px}.search-bar[data-v-6ce6de4c]{display:flex;align-items:center;background:#f5f5f5;border-radius:24px;padding:10px 16px;box-shadow:0 2px 6px #00000014;transition:box-shadow .2s}.search-bar[data-v-6ce6de4c]:focus-within{box-shadow:0 4px 12px #007aff33;background:#fff}.search-icon[data-v-6ce6de4c]{font-size:16px;margin-right:8px;color:#999}.search-input[data-v-6ce6de4c]{flex:1;border:none;outline:none;font-size:14px;color:#333;background:transparent}.search-input[data-v-6ce6de4c]::placeholder{color:#999}.page-header[data-v-6ce6de4c]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.page-title[data-v-6ce6de4c]{font-size:20px;font-weight:600;color:#333;margin:0;text-align:center;flex:1}.toggle-btn[data-v-6ce6de4c]{padding:8px 16px;background:#07c160;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.toggle-btn[data-v-6ce6de4c]:hover{opacity:.9}.header-buttons[data-v-6ce6de4c]{display:flex;gap:8px}.new-comments-btn[data-v-6ce6de4c]{padding:8px 16px;background:#ff6b6b;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.new-comments-btn[data-v-6ce6de4c]:hover{opacity:.9}.new-comments-btn.active[data-v-6ce6de4c]{background:#ff4757;box-shadow:0 2px 8px #ff6b6b66}.empty-state[data-v-6ce6de4c]{text-align:center;padding:80px 20px;color:#999;background:#fff;border-radius:12px}.empty-icon[data-v-6ce6de4c]{font-size:80px;margin-bottom:20px}.create-first-btn[data-v-6ce6de4c]{margin-top:20px;padding:12px 24px;background:#07c160;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer}.create-first-btn[data-v-6ce6de4c]:hover{opacity:.9}.moment-card[data-v-6ce6de4c]{background:#fff;margin-bottom:12px;padding:12px;border-radius:8px}.moment-header[data-v-6ce6de4c]{display:flex;align-items:center;gap:10px;margin-bottom:10px}.user-avatar[data-v-6ce6de4c]{width:40px;height:40px;border-radius:6px;object-fit:cover}.user-info[data-v-6ce6de4c]{flex:1}.user-nickname[data-v-6ce6de4c]{font-size:15px;font-weight:600;color:#576b95;margin-bottom:4px}.moment-time[data-v-6ce6de4c]{font-size:12px;color:#999}.lock-icon[data-v-6ce6de4c],.unlock-icon[data-v-6ce6de4c]{font-size:18px}.locked-content[data-v-6ce6de4c]{padding:12px;background:#fafafa;border-radius:8px;border:1px dashed #ddd}.locked-hint[data-v-6ce6de4c]{text-align:center;padding:20px}.hint-text[data-v-6ce6de4c]{font-size:14px;color:#666;margin-bottom:20px}.password-input-section[data-v-6ce6de4c]{display:flex;gap:10px;margin-top:16px}.password-input[data-v-6ce6de4c]{flex:1;padding:10px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;outline:none}.password-input[data-v-6ce6de4c]:focus{border-color:#576b95}.unlock-btn[data-v-6ce6de4c]{padding:10px 20px;background:#07c160;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;white-space:nowrap}.unlock-btn[data-v-6ce6de4c]:hover:not(:disabled){opacity:.9}.unlock-btn[data-v-6ce6de4c]:disabled{opacity:.5;cursor:not-allowed}.moment-actions[data-v-6ce6de4c]{position:relative}.action-icon-btn[data-v-6ce6de4c]{background:none;border:none;font-size:20px;color:#576b95;cursor:pointer;padding:4px 8px}.moment-text[data-v-6ce6de4c]{font-size:15px;color:#333;line-height:1.6;margin-bottom:10px}.photos-grid[data-v-6ce6de4c]{display:grid;gap:4px;margin-bottom:10px;cursor:pointer}.grid-1[data-v-6ce6de4c]{grid-template-columns:1fr;max-width:300px}.grid-2[data-v-6ce6de4c]{grid-template-columns:repeat(2,1fr);max-width:280px}.grid-3[data-v-6ce6de4c],.grid-4[data-v-6ce6de4c],.grid-5[data-v-6ce6de4c],.grid-6[data-v-6ce6de4c],.grid-7[data-v-6ce6de4c],.grid-8[data-v-6ce6de4c],.grid-9[data-v-6ce6de4c]{grid-template-columns:repeat(3,1fr)}.photo-item[data-v-6ce6de4c]{width:100%;aspect-ratio:1;object-fit:cover;border-radius:2px}.moment-interactions[data-v-6ce6de4c]{display:flex;gap:30px;padding:8px 0;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;margin-bottom:10px}.interaction-btn[data-v-6ce6de4c]{background:none;border:none;display:flex;align-items:center;gap:6px;font-size:14px;color:#576b95;cursor:pointer;padding:0}.like-icon.liked[data-v-6ce6de4c]{color:#ff6b6b}.interaction-count[data-v-6ce6de4c]{font-size:13px}.share-icon[data-v-6ce6de4c]{font-size:18px}.likes-section[data-v-6ce6de4c]{display:flex;align-items:center;gap:6px;background:#f7f7f7;padding:8px 12px;border-radius:4px;margin-bottom:10px}.likes-icon[data-v-6ce6de4c]{font-size:14px}.likes-count[data-v-6ce6de4c]{font-size:13px;color:#576b95}.comments-section[data-v-6ce6de4c]{background:#f7f7f7;padding:8px 12px;border-radius:4px;margin-bottom:10px}.comment-item[data-v-6ce6de4c]{font-size:13px;line-height:1.6;margin-bottom:6px}.comment-item[data-v-6ce6de4c]:last-child{margin-bottom:0}.comment-user[data-v-6ce6de4c]{color:#576b95;font-weight:500}.comment-content[data-v-6ce6de4c]{color:#333}.comment-input-section[data-v-6ce6de4c]{display:flex;gap:10px;align-items:center}.comment-input[data-v-6ce6de4c]{flex:1;padding:8px 12px;border:1px solid #e0e0e0;border-radius:4px;font-size:14px;outline:none}.comment-input[data-v-6ce6de4c]:focus{border-color:#576b95}.send-comment-btn[data-v-6ce6de4c]{padding:8px 16px;background:#07c160;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer}.send-comment-btn[data-v-6ce6de4c]:hover:not(:disabled){opacity:.9}.send-comment-btn[data-v-6ce6de4c]:disabled{opacity:.5;cursor:not-allowed}.dialog-overlay[data-v-6ce6de4c]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.menu-dialog[data-v-6ce6de4c]{background:#fff;border-radius:8px;width:80%;max-width:320px;overflow:hidden}.menu-item[data-v-6ce6de4c]{width:100%;padding:14px;border:none;background:#fff;font-size:16px;cursor:pointer;border-bottom:1px solid #f0f0f0}.menu-item[data-v-6ce6de4c]:last-of-type{border-bottom:none}.menu-item[data-v-6ce6de4c]:hover{background:#f5f5f5}.menu-item.delete-item[data-v-6ce6de4c]{color:#fa5151}.menu-item.cancel-item[data-v-6ce6de4c]{margin-top:8px}.dialog-content[data-v-6ce6de4c]{background:#fff;border-radius:12px;padding:24px;max-width:320px;width:90%;text-align:center}.dialog-content h3[data-v-6ce6de4c]{font-size:18px;margin:0 0 12px;color:#333}.dialog-content p[data-v-6ce6de4c]{font-size:14px;color:#666;margin:0 0 24px}.dialog-buttons[data-v-6ce6de4c]{display:flex;gap:12px}.dialog-btn[data-v-6ce6de4c]{flex:1;padding:12px;border:none;border-radius:8px;font-size:15px;font-weight:500;cursor:pointer}.cancel-btn[data-v-6ce6de4c]{background:#f0f0f0;color:#333}.confirm-btn[data-v-6ce6de4c]{background:#07c160;color:#fff}.delete-confirm[data-v-6ce6de4c]{background:#fa5151}.faces-header[data-v-6ce6de4c]{background:linear-gradient(135deg,#fff5f5,#ffe6e6);padding:12px 16px;box-shadow:0 2px 8px #0000000d;border-bottom:2px solid #ffcccc;border-radius:8px;margin-bottom:12px}.faces-header-top[data-v-6ce6de4c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.faces-toggle-btn[data-v-6ce6de4c]{padding:4px 12px;font-size:12px;color:#007aff;background:#007aff1a;border:1px solid rgba(0,122,255,.3);border-radius:12px;cursor:pointer;transition:all .2s}.faces-toggle-btn[data-v-6ce6de4c]:hover{background:#007aff33}.faces-grid[data-v-6ce6de4c]{display:none;flex-wrap:wrap;gap:8px;align-items:center;transition:max-height .3s ease}.faces-grid.expanded[data-v-6ce6de4c]{display:flex;max-height:none;overflow:visible}.face-avatar-wrapper[data-v-6ce6de4c]{position:relative;cursor:pointer;transition:all .2s}.face-avatar-wrapper[data-v-6ce6de4c]:hover{transform:scale(1.15);z-index:10}.face-avatar-wrapper.active .face-avatar[data-v-6ce6de4c]{box-shadow:0 0 0 3px #007aff,0 2px 8px #00000026}.face-avatar[data-v-6ce6de4c]{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 4px #0000001a;transition:all .2s}.face-avatar-placeholder[data-v-6ce6de4c]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#007aff,#00c6ff);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;border:2px solid #fff;box-shadow:0 2px 4px #0000001a;transition:all .2s}.face-avatar-wrapper.add-face-btn:hover .face-avatar-placeholder[data-v-6ce6de4c]{background:linear-gradient(135deg,#06c,#00a8e6);transform:scale(1.1)}@media (max-width: 768px){.myshares-page[data-v-6ce6de4c]{padding:8px}}.album-detail-page[data-v-63166bc7]{padding:16px}.header[data-v-63166bc7]{margin-bottom:24px}.cover[data-v-63166bc7]{width:100%;height:300px;object-fit:cover;border-radius:12px;margin-bottom:16px}.album-info h1[data-v-63166bc7]{font-size:24px;color:#333;margin-bottom:8px}.album-info p[data-v-63166bc7]{font-size:14px;color:#999;margin-bottom:12px}.tags[data-v-63166bc7]{display:flex;gap:8px}.tag[data-v-63166bc7]{padding:6px 12px;font-size:12px;color:#007aff;background:#e6f2ff;border-radius:6px}.photos-grid[data-v-63166bc7]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:80px}.photo[data-v-63166bc7]{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;cursor:pointer}.share-btn[data-v-63166bc7]{position:fixed;bottom:80px;left:50%;transform:translate(-50%);padding:12px 32px;background:#007aff;color:#fff;border:none;border-radius:24px;font-size:16px;cursor:pointer}.shared-album-page[data-v-3ebbdf8e]{padding-bottom:120px}.header[data-v-3ebbdf8e]{position:relative;margin-bottom:16px}.cover[data-v-3ebbdf8e]{width:100%;height:400px;object-fit:cover}.overlay[data-v-3ebbdf8e]{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(transparent,#000000b3);color:#fff}.avatar[data-v-3ebbdf8e]{width:48px;height:48px;border-radius:50%;margin-bottom:8px}.creator[data-v-3ebbdf8e]{font-size:14px;margin-bottom:8px}.overlay h1[data-v-3ebbdf8e]{font-size:24px;margin-bottom:8px}.overlay p[data-v-3ebbdf8e]{font-size:12px;opacity:.8}.interaction-bar[data-v-3ebbdf8e]{display:flex;gap:24px;padding:16px;background:#fff;margin-bottom:16px}.interaction-item[data-v-3ebbdf8e]{display:flex;align-items:center;gap:8px;cursor:pointer}.interaction-item span.liked[data-v-3ebbdf8e]{color:#ff6b6b}.photos-grid[data-v-3ebbdf8e]{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px;margin-bottom:24px}.photo[data-v-3ebbdf8e]{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;cursor:pointer}.comments[data-v-3ebbdf8e]{padding:16px;background:#fff}h3[data-v-3ebbdf8e]{font-size:18px;margin-bottom:16px}.comment-list[data-v-3ebbdf8e]{margin-bottom:16px}.comment[data-v-3ebbdf8e]{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid #f5f5f5}.comment-avatar[data-v-3ebbdf8e]{width:40px;height:40px;border-radius:50%}.comment-content[data-v-3ebbdf8e]{flex:1}.comment-user[data-v-3ebbdf8e]{font-size:14px;font-weight:500;color:#333}.comment-text[data-v-3ebbdf8e]{font-size:14px;color:#666;margin:4px 0}.comment-time[data-v-3ebbdf8e]{font-size:12px;color:#999}.comment-input[data-v-3ebbdf8e]{display:flex;gap:12px}.input[data-v-3ebbdf8e]{flex:1;padding:10px 16px;border:1px solid #eee;border-radius:20px}.send-btn[data-v-3ebbdf8e]{padding:10px 20px;background:#007aff;color:#fff;border:none;border-radius:20px;cursor:pointer}