:root{font-family:Noto Sans TC,sans-serif;background-color:#383838;box-sizing:border-box}*{box-sizing:border-box}body{margin:0}header{width:100%;padding:1rem;color:#fff;background:no-repeat 50% 29%/cover url(/assets/header_background-DhywDF7O.webp);height:130px;position:relative;opacity:0;animation:HeaderFadeIn ease 1.2s .2s forwards;overflow:hidden}header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#000000d9,#0000008c 30%,#0000008c 70%,#000000d9);z-index:0;overflow:hidden}header .logo-wrapper{transform:translate(-113%);animation:HeaderLogoComeIn ease 1.5s .6s forwards}header .logo-wrapper .logo{height:42px;margin-right:.5rem}header .logo-wrapper .logo img{height:100%}header .logo-wrapper .line-through{text-decoration:line-through}header .update-info{position:relative;text-align:right;margin-top:5px;padding-left:4px;font-size:13px;align-self:end;color:#cecece;z-index:1;transform:translate(148%);animation:HeaderInfoComeIn ease 1.5s .6s forwards}@media screen and (min-width: 768px){header{display:flex;align-items:center;justify-content:space-between;height:150px;padding:1rem 2rem}header .update-info{margin-top:0;padding-left:0;font-size:14px}}@media screen and (min-width: 992px){header{padding:1rem 3rem}header .logo-wrapper .logo{height:48px}}@keyframes HeaderFadeIn{0%{opacity:0}to{opacity:1}}@keyframes HeaderLogoComeIn{0%{transform:translate(-113%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes HeaderInfoComeIn{0%{transform:translate(148%);opacity:0}to{transform:translate(0);opacity:1}}.image-item-wrapper{width:100%;height:fit-content;border-radius:11px;position:relative;cursor:pointer;box-shadow:1px 3px 5px #0003;transition:all .3s ease-out;background-color:#222}.image-item-wrapper img{display:block;width:100%;height:auto;border:0 solid #fff;border-radius:10px}.image-item-wrapper img.lazyload,.image-item-wrapper img.lazyloading{transform:translateY(-15px);opacity:0}.image-item-wrapper img.lazyloaded{transform:translateY(0);opacity:1;transition:all .5s ease-in-out}.image-item-wrapper:hover{border:2px solid #fff;box-shadow:0 0 7px 4px #ffffff4d;transform:scale(1.03)}.image-item-wrapper .image-item-overlay{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:10px;display:flex;flex-direction:column;justify-content:space-between;opacity:0;transition:all .3s ease-in-out}.image-item-wrapper .image-item-overlay:before{content:"";position:absolute;border-radius:10px;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#000c,#0000001a 35%,#0000001a 65%,#000000e6)}.image-item-wrapper .image-item-overlay .buttons{margin:.5rem 1rem auto auto;display:flex;gap:1.2rem;transform:translateY(10px);transition:all .3s ease-out}.image-item-wrapper .image-item-overlay .image-item-name{color:#fff;text-align:center;font-weight:700;font-size:1.15rem;margin:auto auto .5rem;z-index:2;transform:translateY(-7px);transition:all .3s ease-out}.image-item-wrapper .image-item-overlay:hover{opacity:1}.image-item-wrapper .image-item-overlay:hover .buttons,.image-item-wrapper .image-item-overlay:hover .image-item-name{transform:translateY(0)}@media screen and (min-width: 768px){.image-item-wrapper:hover{transform:scale(1.05)}}.ReactVirtualized__Table__headerRow{font-weight:700;text-transform:uppercase;display:flex;flex-direction:row;align-items:center}.ReactVirtualized__Table__row{display:flex;flex-direction:row;align-items:center}.ReactVirtualized__Table__headerTruncatedText{display:inline-block;max-width:100%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ReactVirtualized__Table__headerColumn,.ReactVirtualized__Table__rowColumn{margin-right:10px;min-width:0px}.ReactVirtualized__Table__rowColumn{text-overflow:ellipsis;white-space:nowrap}.ReactVirtualized__Table__headerColumn:first-of-type,.ReactVirtualized__Table__rowColumn:first-of-type{margin-left:10px}.ReactVirtualized__Table__sortableHeaderColumn{cursor:pointer}.ReactVirtualized__Table__sortableHeaderIconContainer{display:flex;align-items:center}.ReactVirtualized__Table__sortableHeaderIcon{flex:0 0 24px;height:1em;width:1em;fill:currentColor}.image-item-row{display:flex;justify-content:center;height:100%;gap:1rem;padding:.4rem 0}.image-item-row .row-item{display:flex;justify-content:center;width:100%}.ReactVirtualized__List,.ReactVirtualized__Grid__innerScrollContainer{overflow:visible!important}@media screen and (min-width: 768px){.image-item-row{padding:.5rem 0}.image-item-row .row-item{width:49%}}@media screen and (min-width: 992px){.image-item-row .row-item{width:32.5%}}@media screen and (min-width: 1200px){.image-item-row .row-item{width:24%}}.to-top-button{opacity:0;animation:ToTopButtonComeInAnimation ease 1s .3s forwards}@keyframes ToTopButtonComeInAnimation{0%{opacity:0}to{opacity:1}}.tab-image{width:30px;display:flex;justify-content:center;align-items:center;margin-right:11px}.tab-image img{width:100%}.search-area{position:sticky;top:15px;right:0;display:flex;align-items:center;gap:1rem;margin:2em auto 1.1rem;z-index:2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:60px;transition:all .3s ease-in-out}.come-in-animation{opacity:0;transform:translateY(20px);animation:ComeInAnimation ease 1s .3s forwards}@keyframes ComeInAnimation{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (min-width: 768px){.search-area{gap:1.5rem}}footer{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.7rem .3rem;background:#1e1e1e;color:#e0e0e0;margin-top:2rem}@media screen and (min-width: 576px){footer{padding:.7rem .8rem}}@media screen and (min-width: 768px){footer{padding:.7rem 1.5rem}}
