.loader-layer[data-v-7b307bf2]{position:fixed;left:0;top:0;right:0;bottom:0;background:#fff;transition:all .6s;opacity:0;-webkit-opacity:0;-o-opacity:0;-ms-opacity:0;-moz-opacity:0;visibility:hidden;filter:alpha(opacity=0)}.loader-layer.active[data-v-7b307bf2]{visibility:visible;opacity:1;-webkit-opacity:1;-o-opacity:1;-ms-opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}.spinner[data-v-7b307bf2]{width:120px;height:120px;text-align:center;line-height:120px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);white-space:nowrap;overflow:hidden}.double-bounce1[data-v-7b307bf2],.double-bounce2[data-v-7b307bf2]{width:100%;height:100%;border-radius:50%;background-color:#1abc9c;opacity:.6;position:absolute;top:0;left:0;animation:bounce-7b307bf2 2s ease-in-out infinite}.double-bounce2[data-v-7b307bf2]{animation-delay:-1s}@keyframes bounce-7b307bf2{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes loading-7b307bf2{0%{opacity:0}to{opacity:1}}body,html{height:auto}[data-v-0862e68a]{margin:0}.container-water-fall[data-v-0862e68a]{width:100%;box-sizing:border-box;padding:0 10px}.container-water-fall .waterfall-container[data-v-0862e68a]{max-width:1200px;margin:0 auto}.container-water-fall .waterfall-grid[data-v-0862e68a]{display:grid;grid-auto-rows:auto;grid-auto-flow:dense;margin-bottom:20px}.container-water-fall .auto-loading[data-v-0862e68a]{text-align:center;padding:20px 0;color:#666;font-size:14px;display:flex;align-items:center;justify-content:center}.container-water-fall .auto-loading .loading-spinner[data-v-0862e68a]{width:20px;height:20px;border:2px solid #f3f3f3;border-top:2px solid #1989fa;border-radius:50%;animation:spin-0862e68a 1s linear infinite;margin-right:8px}.container-water-fall .load-finished[data-v-0862e68a]{text-align:center;padding:20px 0;color:#999;font-size:14px}.container-water-fall h4[data-v-0862e68a]{padding-top:56px;padding-bottom:28px;font-family:PingFangSC-Medium;font-size:36px;color:#000;letter-spacing:1px;text-align:justify}.container-water-fall button[data-v-0862e68a]{background-color:#ff0;color:#24292e;border:1px solid rgba(27,31,35,.2);border-radius:.25em;width:100px;line-height:26px;font-size:13px;margin:4px 0;margin-right:4px;cursor:pointer;outline:none}.container-water-fall button.blue-light[data-v-0862e68a]{background:#27fbc2}.container-water-fall button[data-v-0862e68a]:hover{background-image:linear-gradient(-180deg,#fafbfc,#ccc 90%)}.container-water-fall .ck[data-v-0862e68a]{float:right;position:relative;bottom:30px;right:10px;height:0}.container-water-fall .addBtn[data-v-0862e68a]{position:fixed;bottom:60px;right:15px;width:56px;height:56px;background-color:#fff;border-radius:50%;box-shadow:0 0 4px #ddd;display:flex;align-items:center;justify-content:center;font-size:26px;color:#24a378;float:right;z-index:100}.container-water-fall .cell-item[data-v-0862e68a]{position:relative;width:100%;background:#fff;border:2px solid #f0f0f0;border-radius:12px;overflow:hidden;box-sizing:border-box;transition:all .3s ease;cursor:pointer;-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:0}.container-water-fall .cell-item[data-v-0862e68a]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.container-water-fall .cell-item .image-container[data-v-0862e68a]{position:relative;width:100%;overflow:hidden}.container-water-fall .cell-item .image-container img[data-v-0862e68a]{width:100%;height:auto;display:block;transition:transform .3s ease;opacity:0}.container-water-fall .cell-item .image-container img.loaded[data-v-0862e68a]{opacity:1}.container-water-fall .cell-item .image-container img.error[data-v-0862e68a]{opacity:.5}.container-water-fall .cell-item .image-container .error-overlay[data-v-0862e68a],.container-water-fall .cell-item .image-container .loading-overlay[data-v-0862e68a]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:hsla(0,0%,100%,.9);color:#666;font-size:12px}.container-water-fall .cell-item .image-container .error-overlay .error-text[data-v-0862e68a],.container-water-fall .cell-item .image-container .error-overlay .loading-text[data-v-0862e68a],.container-water-fall .cell-item .image-container .loading-overlay .error-text[data-v-0862e68a],.container-water-fall .cell-item .image-container .loading-overlay .loading-text[data-v-0862e68a]{margin-top:8px}.container-water-fall .cell-item .image-container .loading-spinner[data-v-0862e68a]{width:24px;height:24px;border:2px solid #f3f3f3;border-top:2px solid #1989fa;border-radius:50%;animation:spin-0862e68a 1s linear infinite}.container-water-fall .cell-item .image-container .error-icon[data-v-0862e68a]{width:24px;height:24px;background:#ee0a24;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.container-water-fall .cell-item .item-body[data-v-0862e68a]{padding:12px}.container-water-fall .cell-item .item-body .item-desc[data-v-0862e68a]{font-size:15px;color:#333;line-height:15px;font-weight:700}.container-water-fall .cell-item .item-body .item-footer[data-v-0862e68a]{margin-top:22px;position:relative;display:flex;align-items:center}.container-water-fall .cell-item .item-body .item-footer .avatar[data-v-0862e68a]{width:44px;height:44px;border-radius:50%;background-repeat:no-repeat;background-size:contain}.container-water-fall .cell-item .item-body .item-footer .name[data-v-0862e68a]{max-width:150px;margin-left:10px;font-size:14px;color:#999}.container-water-fall .cell-item .item-body .item-footer .like[data-v-0862e68a]{position:absolute;right:0;display:flex;align-items:center}.container-water-fall .cell-item .item-body .item-footer .like.active .like-total[data-v-0862e68a]{color:#ff4479}.container-water-fall .cell-item .item-body .item-footer .like i[data-v-0862e68a]{width:28px;display:block}.container-water-fall .cell-item .item-body .item-footer .like .like-total[data-v-0862e68a]{margin-left:10px;font-size:12px;color:#999}.container-water-fall .cell-title[data-v-0862e68a]{position:absolute;bottom:0;color:#fff;text-align:center;width:100%;line-height:30px;background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);font-size:14px;padding:0 8px;box-sizing:border-box}.githubdata[data-v-0862e68a]{float:right;margin-right:90px}.githubdata img[data-v-0862e68a]{width:14px}@keyframes spin-0862e68a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1200px){.container-water-fall[data-v-0862e68a]{padding:0 8px}}@media (max-width:800px){.container-water-fall[data-v-0862e68a]{padding:0 6px}}@media (max-width:500px){.container-water-fall[data-v-0862e68a]{padding:0 4px}.container-water-fall .waterfall-grid[data-v-0862e68a]{gap:8px}}@media (max-width:320px){.container-water-fall[data-v-0862e68a]{padding:0 2px}.container-water-fall .waterfall-grid[data-v-0862e68a]{gap:6px}}.ImageDetailsPage[data-v-bddeb364]{padding-bottom:100px;min-height:100vh;background-color:#f5f5f5}.navBarSpace[data-v-bddeb364]{height:46px}.search[data-v-bddeb364]{background:#fff;padding:10px 0;box-shadow:0 2px 4px rgba(0,0,0,.1);position:sticky;top:46px;z-index:98}.details__bottom[data-v-bddeb364]{position:fixed;bottom:0;left:0;z-index:999;box-sizing:border-box;width:100%;padding:5px 16px;background-color:#fff}.details__bottom .mybtn[data-v-bddeb364]{height:40px;line-height:38px}@media (max-width:768px){.ImageDetailsPage[data-v-bddeb364]{padding-bottom:80px}.search[data-v-bddeb364]{padding:8px 0}}@media (max-width:480px){.ImageDetailsPage[data-v-bddeb364]{padding-bottom:60px}.search[data-v-bddeb364]{padding:6px 0}}