@import"https://chinese-fonts-cdn.deno.dev/packages/maple-mono-cn/dist/MapleMono-CN-Regular/result.css";body{margin:0}.image-viewer-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .3s ease;opacity:0}.image-viewer-container.visible{opacity:1}.viewer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000d9;z-index:1001}.viewer-content{position:relative;z-index:1002;width:100%;height:100%;display:flex;flex-direction:column}.viewer-header{position:absolute;top:0;left:0;right:0;z-index:1004;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:linear-gradient(to bottom,#000000b3,#0000004d 80%,#0000);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-counter{color:#fff;font-size:16px}.header-actions{display:flex;gap:8px}.header-btn{color:#fff!important;border:none;background:transparent!important;border-radius:50%;height:36px;width:36px;display:flex;align-items:center;justify-content:center}.header-btn:hover{background:#fff3!important}.image-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1003;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none}.image-transform-wrapper{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:visible;position:relative}.viewer-img{max-width:100%;max-height:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform}.viewer-img.dragging{cursor:grabbing!important}.zoom-controls{position:absolute;bottom:100px;left:50%;transform:translate(-50%);z-index:1005;display:flex;align-items:center;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px 12px;border-radius:24px;box-shadow:0 2px 8px #0000004d}.zoom-controls .ant-btn{color:#fff!important;border:none;background:transparent!important;border-radius:50%;margin:0 2px}.zoom-controls .ant-btn:hover{background:#fff3!important}.nav-button{position:absolute;top:50%;transform:translateY(-50%);z-index:1005;background:#0000004d!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff!important;border:none!important;width:44px;height:44px;box-shadow:0 2px 10px #0003;display:flex;align-items:center;justify-content:center}.prev-button{left:20px}.next-button{right:20px}.nav-button:hover{background-color:#000000b3!important}.viewer-footer{position:absolute;bottom:0;left:0;right:0;z-index:1004;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:linear-gradient(to top,#000000b3,#0000004d 80%,#0000);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.image-name{color:#fff;max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer-actions{display:flex;gap:8px}.footer-btn{color:#fff!important;border:none;background:transparent!important;font-size:18px;border-radius:8px;height:40px;min-width:40px;padding:0 12px;display:flex;align-items:center;justify-content:center;position:relative;transition:background-color .2s ease}.footer-btn:hover{background:#fff3!important}.footer-btn span{font-size:14px;line-height:1}.footer-btn .anticon+span{display:inline-block;min-width:16px;text-align:center}.image-info-drawer{position:absolute!important;z-index:1050!important}.image-info-drawer .ant-drawer-mask{background-color:transparent!important}.image-info-drawer .ant-drawer-header{background-color:#ffffffbf;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid rgba(240,240,240,.6)}.drawer-content{padding:16px 0}.image-title-section{margin-bottom:16px}.image-title-section h4{margin-bottom:4px}.image-description-section{margin-bottom:16px;padding:16px;background:#f9f9f980!important;border-radius:4px;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.image-tags-section{margin-bottom:16px}.tag-title{margin-bottom:8px;font-weight:500}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.exif-description .ant-descriptions-item-label{width:100px}.image-specs-section{margin:16px 0;padding:16px;background:#f7f9fa80!important;border-radius:8px;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.specs-container{display:flex;justify-content:space-around;text-align:center}.spec-item{flex:1;padding:0 8px}.spec-value{font-size:16px;font-weight:500;color:#262626;margin-bottom:4px}.spec-label{font-size:12px;color:#8c8c8c}.exif-sections{margin-top:20px}.exif-category{margin-bottom:24px}.exif-category .ant-divider{margin:16px 0}.exif-description{font-size:13px}.exif-description .ant-descriptions-item-label{width:90px;font-weight:500}.image-info-drawer .ant-drawer-body{padding:24px 20px}.exif-description .ant-descriptions-view{background-color:#ffffff80!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}.exif-description .ant-descriptions-row>th,.exif-description .ant-descriptions-row>td{padding:12px 16px}.image-loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1004;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-text{color:#fff;font-size:14px;margin-top:12px}.image-loading-spinner .ant-spin{color:#fff}.image-loading-spinner .ant-spin-dot-item{background-color:#fff}.face-detection-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1004}.face-mask{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;z-index:1}.face-highlight{position:absolute;border:2px solid #1890ff;border-radius:4px;background-color:transparent;box-shadow:0 0 10px #1890ff80;z-index:2;animation:faceHighlight 1.5s ease-in-out infinite alternate}@keyframes faceHighlight{0%{border-color:#1890ff;box-shadow:0 0 10px #1890ff80}to{border-color:#52c41a;box-shadow:0 0 15px #52c41ab3}}.face-label{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background-color:#1890ffe6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.face-confidence{opacity:.8;font-size:10px}.imageinfo-drawer{position:fixed;top:0;right:0;width:350px;height:100vh;z-index:1050;background-color:#1c1e2280;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:none;box-shadow:-10px 0 30px #0003;transition:transform .3s ease;transform:translate(100%);overflow-y:auto}.imageinfo-drawer-visible{transform:translate(0)}.imageinfo-header{background-color:#1c1e2299;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.08);color:#fffffff2;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.imageinfo-header-title{color:#fffffff2;margin:0;font-size:16px;font-weight:500}.imageinfo-close-btn{background:transparent;border:none;color:#fffc;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.imageinfo-body{padding:24px 20px;height:calc(100% - 57px);scrollbar-width:none;overflow-y:auto;color:#fff}.imageinfo-title-container{padding:0 0 16px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:20px}.imageinfo-title{color:#fffffff2;margin:0 0 4px;font-size:18px;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1)}.imageinfo-date{color:#fff9;font-size:13px}.imageinfo-desc-section{background-color:#ffffff14;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);padding:16px;border-radius:8px;margin-bottom:20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0000001a}.imageinfo-desc-text{color:#ffffffe6;line-height:1.6;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:8}.imageinfo-desc-text-expand{-webkit-line-clamp:unset}.imageinfo-expand-btn{background:transparent;border:none;color:#ffffffb3;cursor:pointer;padding:8px 0 0;font-size:13px;display:flex;align-items:center;width:100%;justify-content:center}.imageinfo-tags-section{margin-bottom:20px;padding:0 4px}.imageinfo-tag-title{color:#fffc;font-size:14px;font-weight:500;margin-bottom:12px}.imageinfo-tag-item{background-color:#ffffff26;border-radius:16px;color:#ffffffe6;border:none;padding:4px 12px;margin:0 8px 8px 0;display:inline-block;font-size:12px}.imageinfo-specs-section{background-color:#ffffff14;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);padding:16px;border-radius:8px;margin:16px 0 20px;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0000001a}.imageinfo-specs-container{display:flex;justify-content:space-around;text-align:center}.imageinfo-spec-item{padding:0 8px;flex:1}.imageinfo-spec-value{font-size:15px;font-weight:500;color:#fffffff2;margin-bottom:4px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.imageinfo-spec-label{font-size:12px;color:#fff9}.imageinfo-exif-container{margin-top:10px}.imageinfo-exif-category{margin-bottom:20px}.imageinfo-exif-divider{border-color:#ffffff14!important;margin:10px 0 16px!important;font-size:14px!important;color:#fffc!important;font-weight:500!important}.imageinfo-exif-table{background-color:#ffffff14;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.imageinfo-exif-row{display:flex;border-bottom:1px solid rgba(255,255,255,.05)}.imageinfo-exif-label{color:#ffffffb3;background-color:#0003;padding:8px 12px;width:100px;font-size:13px}.imageinfo-exif-value{color:#ffffffe6;background-color:#ffffff0d;padding:8px 12px;font-size:13px}.imageinfo-exif-empty{color:#fff9}.share-image-dialog .ant-modal-body{padding:24px}.share-image-content{display:flex;flex-direction:column}.share-image-preview{display:flex;justify-content:center;margin-bottom:16px;background-color:#f0f0f0;border-radius:8px;padding:16px;overflow:hidden}.share-preview-img{max-width:100%;max-height:200px;object-fit:contain;border-radius:4px;box-shadow:0 2px 8px #0000001a}.share-image-controls{display:flex;justify-content:center;margin-bottom:16px}.share-type-switch{margin-bottom:16px}.share-tabs{margin-top:8px}.share-tab-content{width:100%}.share-input-group{display:flex;width:100%;margin-top:8px}.share-input{flex:1}.share-copy-btn{width:40px;transition:all .3s}.share-copy-btn.copied{background-color:#52c41a;border-color:#52c41a;color:#fff}@media (max-width: 576px){.share-image-dialog{max-width:90%}}.edit-image-dialog .ant-modal-body{padding:20px}.edit-image-container{display:flex;flex-direction:column;gap:20px}.edit-image-preview{text-align:center;margin-bottom:10px}.edit-preview-img{max-width:100%;max-height:200px;object-fit:contain;border-radius:4px;box-shadow:0 2px 8px #0000001a}.edit-image-form{width:100%}.edit-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:0;margin-top:10px}.custom-tag{display:inline-flex;align-items:center;padding:2px 8px;margin-right:6px;background-color:#f0f0f0;border-radius:4px;font-size:12px;color:#333}.custom-tag-close{margin-left:4px;cursor:pointer;opacity:.6}.custom-tag-close:hover{opacity:1}.image-grid{margin-bottom:40px;display:flex;flex-wrap:wrap;gap:3px;justify-content:space-between;align-items:flex-start}.image-grid:after{content:"";flex:auto}.custom-card{position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014;transition:all .35s cubic-bezier(.23,1,.32,1);background:#fff;transform:translateY(0);cursor:pointer;height:250px;flex-grow:1;flex-shrink:0;min-width:180px;max-width:400px}.custom-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000026}.custom-card-cover{position:relative;height:100%;width:100%;overflow:hidden}.custom-card-thumbnail{height:100%;width:100%;object-fit:cover;transition:transform .7s cubic-bezier(.23,1,.32,1);display:block}.custom-card:hover .custom-card-thumbnail{transform:scale(1.05)}.custom-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top,#000000d9,#0000 50%);opacity:0;transition:opacity .35s ease;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;color:#fff}.custom-card:hover .custom-card-overlay{opacity:1}.custom-card-info{transform:translateY(20px);transition:transform .4s cubic-bezier(.23,1,.32,1);opacity:0}.custom-card:hover .custom-card-info{transform:translateY(0);opacity:1}.custom-card-title{font-size:14px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px;text-shadow:0 1px 3px rgba(0,0,0,.3)}.custom-card-tags-container{margin-top:4px;margin-bottom:8px;max-width:100%;overflow:hidden;display:flex;flex-wrap:wrap;gap:4px}.image-tag{font-size:10px!important;background:#fff3;padding:2px 6px;border-radius:3px;color:#fff;display:inline-block;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.custom-card-indicators{position:absolute;top:8px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:0 8px;opacity:0;transition:opacity .35s ease;z-index:2}.custom-card-left-indicators{display:flex;align-items:center;gap:6px}.custom-card:hover .custom-card-indicators{opacity:1}.custom-card-permission,.custom-card-storage-mode{background-color:#0009;color:#fff;border-radius:12px;padding:3px 8px;font-size:10px;font-weight:500;display:flex;align-items:center;gap:3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 8px #0003}.custom-card-metadata{background-color:#0009;color:#fff;border-radius:12px;padding:3px 8px;font-size:10px;font-weight:500;box-shadow:0 2px 8px #0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.custom-card-actions{display:flex;justify-content:space-between;margin-top:8px;gap:6px}.custom-card-action-item{background-color:#ffffff26;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0}.custom-card-action-item:hover{background-color:#ffffff4d;transform:scale(1.1)}.context-menu{background-color:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;padding:8px 0;min-width:160px;z-index:1000}.context-menu-item{padding:10px 16px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s}.context-menu-item:hover{background-color:#0000000d}.custom-card-selected{box-shadow:0 0 0 3px #1890ff,0 8px 20px #00000026!important}.custom-card-selected:before{content:"";position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background-color:#1890ff;z-index:5;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.custom-card-selected:after{content:"✓";position:absolute;top:8px;right:8px;width:20px;height:20px;z-index:6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px}.image-grid-pagination{margin-top:40px;text-align:center}.image-loading-effect{position:relative;overflow:hidden}.image-loading-effect:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (max-width: 768px){.custom-card{height:150px}.custom-card-overlay{padding:12px}.custom-card-title{font-size:12px}.custom-card-actions{gap:4px}.custom-card-action-item{width:24px;height:24px}}@media (max-width: 480px){.custom-card{height:auto;aspect-ratio:1 / 1}.custom-card-overlay{padding:8px}}.search-dialog .ant-modal-content{border-radius:8px;overflow:hidden}.search-dialog .ant-modal-header{border-bottom:1px solid #f0f0f0;background:#fff}.search-dialog-title{display:flex;align-items:center;font-weight:500}.search-dialog .ant-modal-body{padding:24px;max-height:80vh;overflow-y:auto}.search-tabs,.search-input-container{margin-bottom:16px}.search-option-group{background-color:#fafafa;border-radius:2px;padding:12px;margin-bottom:16px;border:1px solid #f0f0f0}.option-label{display:block;margin-bottom:8px}.vector-switch-container{display:flex;align-items:center;margin-bottom:8px}.vector-switch{margin-right:8px}.threshold-slider-container{margin-top:16px;padding-top:16px;border-top:1px solid #f0f0f0}.threshold-slider{margin:12px 0}.search-button-container{margin-top:16px}.search-results{margin-top:24px;padding-top:16px;border-top:1px solid #f0f0f0}.search-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.search-results-header h4{margin:0}.result-count{color:#1890ff}@media (max-width: 768px){.vector-options .ant-col{margin-bottom:12px}}