mirror of
https://github.com/MarSeventh/CloudFlare-ImgBed.git
synced 2026-01-31 09:03:19 +08:00
1 line
13 KiB
CSS
1 line
13 KiB
CSS
.tm-viewport[data-v-08fa832a]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tm-media[data-v-08fa832a]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-drag:none}.tm-audio[data-v-08fa832a]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:24px;width:100%;max-width:360px}.audio-cover[data-v-08fa832a]{width:200px;height:200px;border-radius:12px;overflow:hidden;background:hsla(0,0%,100%,.1);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(0,0,0,.3)}.cover-img[data-v-08fa832a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.audio-icon-large[data-v-08fa832a]{width:80px;height:80px;color:hsla(0,0%,100%,.4)}.audio-info[data-v-08fa832a]{text-align:center;width:100%}.audio-title[data-v-08fa832a]{font-size:18px;font-weight:600;color:#fff;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-artist[data-v-08fa832a]{font-size:14px;color:hsla(0,0%,100%,.6)}.audio-controls[data-v-08fa832a]{width:100%;display:flex;align-items:center;gap:16px}.ctrl-btn[data-v-08fa832a]{width:48px;height:48px;border-radius:50%;border:none;background:hsla(0,0%,100%,.15);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.ctrl-btn[data-v-08fa832a]:hover{background:hsla(0,0%,100%,.25)}.ctrl-btn svg[data-v-08fa832a]{width:24px;height:24px}.progress-wrap[data-v-08fa832a]{flex:1;cursor:pointer}.progress-bar[data-v-08fa832a]{height:4px;background:hsla(0,0%,100%,.2);border-radius:2px;overflow:hidden}.progress-fill[data-v-08fa832a]{height:100%;background:#3b82f6;border-radius:2px;transition:width .1s linear}.time-display[data-v-08fa832a]{display:flex;justify-content:space-between;margin-top:6px;font-size:12px;color:hsla(0,0%,100%,.5)}.tm-audio audio[data-v-08fa832a]{display:none}.public-browse[data-v-8da85654]{min-height:100vh;background:#0a0a0a;color:#fff}.header[data-v-8da85654]{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:hsla(0,0%,6%,.95);backdrop-filter:blur(10px);border-bottom:1px solid #1a1a1a}.logo[data-v-8da85654]{font-size:20px;font-weight:600;color:#fff;cursor:pointer;transition:opacity .2s}.logo[data-v-8da85654]:hover{opacity:.8}.breadcrumb[data-v-8da85654]{display:flex;align-items:center;gap:4px;font-size:14px}.breadcrumb-item[data-v-8da85654]{padding:6px 12px;border-radius:6px;cursor:pointer;transition:background .2s;color:#ccc}.breadcrumb-item[data-v-8da85654]:hover{background:#252525;color:#fff}.breadcrumb-sep[data-v-8da85654]{color:#444}.file-count[data-v-8da85654]{color:#666;font-size:14px}.error-container[data-v-8da85654],.loading-container[data-v-8da85654]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#666}.loading-spinner[data-v-8da85654]{width:48px;height:48px;border:3px solid #222;border-top-color:#3b82f6;border-radius:50%;animation:spin-8da85654 1s linear infinite}.loading-spinner-small[data-v-8da85654]{width:24px;height:24px;border:2px solid #222;border-top-color:#3b82f6;border-radius:50%;animation:spin-8da85654 1s linear infinite}@keyframes spin-8da85654{to{transform:rotate(1turn)}}.retry-btn[data-v-8da85654]{margin-top:20px;padding:10px 32px;background:#3b82f6;border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s}.retry-btn[data-v-8da85654]:hover{background:#2563eb}.gallery-container[data-v-8da85654]{padding:8px}@media (min-width:1200px){.gallery-container[data-v-8da85654]{max-width:1400px;margin:0 auto;padding:24px}}.folders-section[data-v-8da85654]{margin-bottom:24px}.folders-grid[data-v-8da85654]{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.folder-card[data-v-8da85654]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;background:#141414;border-radius:12px;border:1px solid #1a1a1a;cursor:pointer;transition:all .2s}.folder-card[data-v-8da85654]:hover{background:#1a1a1a;border-color:#333;transform:translateY(-2px)}.folder-icon[data-v-8da85654]{width:48px;height:48px;margin-bottom:12px;color:#555}.folder-icon svg[data-v-8da85654]{width:100%;height:100%}.folder-name[data-v-8da85654]{font-size:14px;color:#999;text-align:center;word-break:break-all}.waterfall[data-v-8da85654]{display:flex;gap:16px}.waterfall-column[data-v-8da85654]{flex:1;display:flex;flex-direction:column;gap:16px}.waterfall-item[data-v-8da85654]{cursor:pointer}.image-wrapper[data-v-8da85654]{position:relative;border-radius:12px;overflow:hidden;background:#141414;border:1px solid #1a1a1a;min-height:180px}.image-wrapper[data-v-8da85654]:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#141414 25%,#1a1a1a 50%,#141414 75%);background-size:200% 100%;animation:shimmer-8da85654 1.5s infinite;z-index:1;pointer-events:none}.image-wrapper.loaded[data-v-8da85654]:before{display:none}.image-wrapper.loaded[data-v-8da85654]{min-height:auto}.image-wrapper img[data-v-8da85654],.image-wrapper video[data-v-8da85654]{width:100%;display:block;position:relative;z-index:2}@keyframes shimmer-8da85654{0%{background-position:200% 0}to{background-position:-200% 0}}.image-wrapper[data-v-8da85654]:hover{border-color:#333}.overlay[data-v-8da85654]{position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.85));opacity:0;transition:opacity .2s;display:flex;align-items:flex-end;justify-content:flex-end;padding:12px;z-index:10}.image-wrapper:hover .overlay[data-v-8da85654]{opacity:1}.file-placeholder[data-v-8da85654]{width:100%;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#141414;color:#555;gap:12px;padding:16px;box-sizing:border-box}.file-placeholder svg[data-v-8da85654]{width:48px;height:48px}.file-name[data-v-8da85654]{font-size:12px;color:hsla(0,0%,100%,.7);text-align:center;word-break:break-all;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.audio-placeholder[data-v-8da85654]{width:100%;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);gap:12px;padding:16px;box-sizing:border-box}.audio-icon[data-v-8da85654]{width:48px;height:48px;color:hsla(0,0%,100%,.6)}.audio-name[data-v-8da85654]{font-size:12px;color:hsla(0,0%,100%,.7);text-align:center;word-break:break-all;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.overlay-actions[data-v-8da85654]{display:flex;gap:8px}.action-btn[data-v-8da85654]{width:32px;height:32px;border:none;border-radius:50%;background:hsla(0,0%,100%,.08);backdrop-filter:blur(8px);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.6)}.action-btn svg[data-v-8da85654]{width:16px;height:16px}.action-btn[data-v-8da85654]:hover{background:hsla(0,0%,100%,.2);color:#fff;transform:scale(1.1)}.load-trigger[data-v-8da85654]{display:flex;justify-content:center;align-items:center;padding:48px;min-height:100px}.loading-more[data-v-8da85654]{display:flex;align-items:center;gap:12px;color:#666;font-size:14px}.no-more[data-v-8da85654]{color:#444;font-size:14px}.credit-link[data-v-8da85654]{display:block;margin-top:8px;color:#555;font-size:12px;text-decoration:none;transition:color .2s;text-align:center}.credit-link[data-v-8da85654]:hover{color:#888}.preview-modal[data-v-8da85654]{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.97)}.preview-content[data-v-8da85654],.preview-modal[data-v-8da85654]{display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-content[data-v-8da85654]{width:100%;height:100%;padding:60px 80px;box-sizing:border-box}.swipe-viewport[data-v-8da85654]{width:100%;height:100%;overflow:hidden;position:relative}.swipe-track[data-v-8da85654]{width:300%;height:100%;display:flex;will-change:transform}.swipe-slide[data-v-8da85654]{width:33.333%;flex-shrink:0;height:100%;display:flex;align-items:center;justify-content:center}.preview-image[data-v-8da85654],.preview-video[data-v-8da85654]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.preview-close[data-v-8da85654]{position:fixed;top:20px;right:20px;background:hsla(0,0%,100%,.1);border:none;color:#fff;cursor:pointer;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:1010}.preview-close[data-v-8da85654]:hover{background:hsla(0,0%,100%,.2)}.preview-close svg[data-v-8da85654]{width:28px;height:28px}.page-indicator[data-v-8da85654]{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.6);color:hsla(0,0%,100%,.8);padding:8px 16px;border-radius:20px;font-size:14px;z-index:1010}.preview-next[data-v-8da85654],.preview-prev[data-v-8da85654]{position:fixed;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.1);border:none;color:#fff;padding:16px;cursor:pointer;border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:1010}.preview-next[data-v-8da85654]:hover,.preview-prev[data-v-8da85654]:hover{background:hsla(0,0%,100%,.2)}.preview-next svg[data-v-8da85654],.preview-prev svg[data-v-8da85654]{width:32px;height:32px}.preview-prev[data-v-8da85654]{left:20px}.preview-next[data-v-8da85654]{right:20px}.rotate-btn[data-v-8da85654]{position:fixed;bottom:30px;right:20px;background:hsla(0,0%,100%,.1);border:none;color:#fff;cursor:pointer;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:1010}.rotate-btn[data-v-8da85654]:hover{background:hsla(0,0%,100%,.2)}.rotate-btn svg[data-v-8da85654]{width:24px;height:24px}@media (max-width:768px){.desktop-only[data-v-8da85654]{display:none!important}.preview-content.mobile-only[data-v-8da85654]{display:block;padding:0;width:100%;height:100%;position:absolute;top:0;left:0}.page-indicator[data-v-8da85654]{bottom:40px}}@media (min-width:769px){.mobile-only[data-v-8da85654]{display:none!important}}@media (max-width:1199px) and (min-width:601px){.gallery-container[data-v-8da85654]{padding:12px}.waterfall-column[data-v-8da85654],.waterfall[data-v-8da85654]{gap:10px}.image-wrapper[data-v-8da85654]{border-radius:8px}}@media (max-width:600px){.header[data-v-8da85654]{padding:10px 12px}.header-left .logo[data-v-8da85654]{font-size:16px}.breadcrumb[data-v-8da85654]{font-size:12px}.breadcrumb-item[data-v-8da85654]{padding:4px 8px}.file-count[data-v-8da85654]{font-size:12px}.gallery-container[data-v-8da85654]{padding:6px}.waterfall-column[data-v-8da85654],.waterfall[data-v-8da85654]{gap:6px}.image-wrapper[data-v-8da85654]{border-radius:6px;min-height:120px}.folders-section[data-v-8da85654]{margin-bottom:12px}.folders-grid[data-v-8da85654]{grid-template-columns:repeat(2,1fr);gap:8px}.folder-card[data-v-8da85654]{padding:16px 12px;border-radius:8px}.folder-icon[data-v-8da85654]{width:36px;height:36px;margin-bottom:8px}.folder-name[data-v-8da85654]{font-size:12px}.load-trigger[data-v-8da85654]{padding:24px;min-height:60px}}.copy-toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(20px);background:rgba(0,0,0,.8);color:#fff;padding:10px 24px;border-radius:20px;font-size:14px;opacity:0;transition:all .3s ease;z-index:9999;pointer-events:none}.copy-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.public-browse.light-mode[data-v-8da85654]{background:#f5f5f5;color:#333}.light-mode .header[data-v-8da85654]{background:hsla(0,0%,100%,.95);border-bottom-color:#e0e0e0}.light-mode .logo[data-v-8da85654]{color:#333}.light-mode .breadcrumb-item[data-v-8da85654]{color:#666}.light-mode .breadcrumb-item[data-v-8da85654]:hover{background:#e8e8e8;color:#333}.light-mode .breadcrumb-sep[data-v-8da85654]{color:#ccc}.light-mode .error-container[data-v-8da85654],.light-mode .file-count[data-v-8da85654],.light-mode .loading-container[data-v-8da85654]{color:#999}.light-mode .loading-spinner-small[data-v-8da85654],.light-mode .loading-spinner[data-v-8da85654]{border-color:#ddd;border-top-color:#3b82f6}.light-mode .folder-card[data-v-8da85654]{background:#fff;border-color:#e0e0e0}.light-mode .folder-card[data-v-8da85654]:hover{background:#fafafa;border-color:#ccc}.light-mode .folder-icon[data-v-8da85654]{color:#999}.light-mode .folder-name[data-v-8da85654]{color:#666}.light-mode .image-wrapper[data-v-8da85654]{background:#fff;border-color:#e0e0e0}.light-mode .image-wrapper[data-v-8da85654]:before{background:linear-gradient(90deg,#f5f5f5 25%,#fff 50%,#f5f5f5 75%)}.light-mode .image-wrapper[data-v-8da85654]:hover{border-color:#ccc}.light-mode .file-placeholder[data-v-8da85654]{color:#ccc;background:#f5f5f5;color:#999}.light-mode .file-name[data-v-8da85654]{color:rgba(0,0,0,.6)}.light-mode .audio-placeholder[data-v-8da85654]{background:linear-gradient(135deg,#e8f4f8,#d4e5f7)}.light-mode .audio-icon[data-v-8da85654]{color:rgba(0,0,0,.4)}.light-mode .audio-name[data-v-8da85654]{color:rgba(0,0,0,.6)}.light-mode .no-more[data-v-8da85654]{color:#bbb}.light-mode .credit-link[data-v-8da85654]{color:#aaa}.light-mode .credit-link[data-v-8da85654]:hover{color:#666}.light-mode .loading-more[data-v-8da85654]{color:#999} |