:root{--accent-color:rgb(78, 205, 196);--primary-color:rgb(40, 210, 190);--warn-color:rgb(244, 67, 54);--bg-color:hsl(0, 0%, 10%);--title-color:white;--subtitle-color:hsl(0, 0%, 82%);--card-xx-color:rgb(45, 45, 45);--card-x-color:rgb(57, 57, 57);--card-color:rgb(68, 68, 68);--copyright-color:rgb(102, 102, 102);--page-padding-h:6px;--nav-item-padding-h:6px;--nav-item-padding-v:16px;--img-card-gap:6px;--img-card-padding-h:6px}html{font-family:"SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue",Helvetica,Arial,sans-serif}body{background:var(--bg-color);margin:0;padding:0}a{text-decoration:none}a:hover{color:var(--primary-color)!important}.collapsed{display:none}.unavailable{user-select:none;-webkit-user-select:none;cursor:default}.mt16{margin-top:16px}.mt8{margin-top:8px}.mb8{margin-bottom:8px}nav{position:fixed;z-index:100;left:0;top:0;width:100%;box-shadow:0 2px 3px rgba(0,0,0,.5)}.navbar{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-start;background-color:var(--accent-color);line-height:1;white-space:nowrap;font-size:medium;font-weight:400;padding:0 calc(var(--page-padding-h) + var(--img-card-padding-h) - var(--nav-item-padding-h))}.navbar>.navbar-item{padding:var(--nav-item-padding-v) var(--nav-item-padding-h);color:rgba(70,80,90,1);transition:background-color .4s}.navbar>a.navbar-item:hover{color:rgba(70,80,90,1)!important;background-color:rgba(0,0,0,.1)}.navbar>.navbar-brand,.navbar>.navbar-here{font-weight:700;color:#000}.navbar>.navbar-menu::after{content:"…"}.navbar>.navbar-space{flex-grow:1}[data-col4-before]::before{content:""}[data-col4-after]::before{content:""}.placeholder-nav{line-height:1;font-size:medium;font-weight:400;padding:var(--nav-item-padding-v) 0}.placeholder-nav::before{content:"\200B"}.wrapper{display:flex;flex-direction:column;min-height:100vh}.list{flex:1;padding:0 var(--page-padding-h)}.logo img{display:block;max-width:calc(100% - (var(--page-padding-h) + var(--img-card-padding-h)) * 2);height:auto;margin:0 auto;padding:15% 0;pointer-events:none}.toast-mask{padding:0 calc(var(--page-padding-h) + var(--img-card-padding-h)) 8px calc(var(--page-padding-h) + var(--img-card-padding-h))}.toast{color:var(--title-color);font-size:medium}.toast-info{color:var(--primary-color)!important}.toast-error{color:var(--warn-color)!important}.toast a.action{color:var(--title-color)}.image-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:var(--img-card-gap)}.image-list figure{flex-grow:0;flex-shrink:1;flex-basis:calc((100% - var(--img-card-gap))/ 2);margin:0;position:relative}.image-list figure::before{content:"";display:block;padding-top:57.5%}.image-list figure img{width:100%;height:100%;object-fit:cover;display:block}.image-list figure figcaption{position:absolute;bottom:0;left:0;padding:5px var(--img-card-padding-h);width:calc(100% - var(--img-card-padding-h) * 2);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--title-color);font-size:small;text-shadow:1px 1px 1px rgba(0,0,0,.75)}.image-list figure figcaption a{color:var(--title-color)}.image-list figure .fade{transition:opacity .35s,transform .35s;opacity:0;transform:translate3d(0,10px,0)}.image-list figure .fade1{transition:opacity .35s,transform .65s;opacity:1;transform:translate3d(0,0,0)}.image-list figure .fade2{transition:opacity .35s,transform .35s;opacity:0;transform:translate3d(0,10px,0)}.image-list figure:hover .fade{opacity:1;transform:translate3d(0,0,0)}.image-list figure:hover .fade1{opacity:0;transform:translate3d(0,-10px,0)}.image-list figure:hover .fade2{opacity:1;transform:translate3d(0,0,0)}.image-list figure .card-v2-1{position:absolute;top:0;left:16px;width:calc(100% - 32px);height:calc(100% - 12px);border-radius:8px;background:var(--card-xx-color);transform:translateY(0);transition:transform .35s}.image-list figure .card-v2-2{position:absolute;top:6px;left:8px;width:calc(100% - 16px);height:calc(100% - 12px);border-radius:8px;background:var(--card-x-color);transform:translateY(0);transition:transform .35s}.image-list figure .card-v2-3{position:absolute;top:12px;left:0;width:100%;height:calc(100% - 12px);border-radius:8px;background:var(--card-color);overflow:hidden}.image-list figure .card-v2-3 img{transform:scale(1.03);transform-origin:center center;transition:transform .25s ease-out}.image-list figure:hover .card-v2-1{transform:translateY(2px)}.image-list figure:hover .card-v2-2{transform:translateY(1px)}.image-list figure:hover .card-v2-3 img{transform:scale(1.01)}.image-list figure .card-v1{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;background:var(--card-color);overflow:hidden}.list-label{padding:0 var(--img-card-padding-h) 8px;color:var(--subtitle-color);font-size:small}.list-label-middle{padding:16px var(--img-card-padding-h) 8px}.list-label:hover .fa-space-shuttle{animation:fly .8s linear}.copyright{text-align:center;padding:24px var(--img-card-padding-h) 16px}.copyright a,.copyright small{color:var(--copyright-color)}.tip-mask{position:fixed;z-index:99;top:0;left:auto;right:0;padding:0 var(--page-padding-h)}.tip{width:316px;margin:16px 0 0 0;border:2px solid rgba(0,0,0,.2);border-radius:8px;overflow:auto;background-color:var(--accent-color);transform:translateX(calc(316px + 2px * 2 + var(--page-padding-h)));transition:transform .35s ease-out}.tip .desc{color:rgba(70,80,90,1);margin:11px 12px;font-size:small;font-weight:400}.tip canvas{display:block;width:316px;height:198px;background-color:#fff}.tip img{width:316px;height:198px;object-fit:cover;display:block}.tip.show{transform:translateX(0)}@keyframes fly{0%,100%{transform:scale(1,1) translateY(0)}25%{transform:scale(1,.6) translateY(2px)}50%{transform:scale(1,.2) translateY(0)}75%{transform:scale(1,.6) translateY(-3px)}}@media screen and (min-width:500px){:root{--nav-item-padding-h:8px}}@media screen and (min-width:826px){:root{--page-padding-h:10px;--nav-item-padding-h:16px;--nav-item-padding-v:11px}.navbar>.navbar-brand,.navbar>.navbar-here{color:rgba(70,80,90,1)}}@media screen and (min-width:980px){.navbar>.navbar-sort{display:block}.navbar>.navbar-menu{display:block}.navbar>.navbar-menu-toggle{display:none}}@media screen and (min-width:1232px){[data-col4-before]::before{content:attr(data-col4-before)}[data-col4-after]::after{content:attr(data-col4-after)}}