*{margin:0;padding:0;box-sizing:border-box}body,html{margin:0;width:100%;height:100%;cursor:default;background:#000;background:linear-gradient(to bottom,#000 0,#1a1a1a 25%,#2a2a2a 50%,#3a3a3a 75%,#4a4a4a 100%);position:relative}.filter{width:100%;height:100%;position:absolute;top:0;left:0;background:#fe5757;background:linear-gradient(to bottom,#007fff 0,#0ff 25%,#d64dff 50%,#f761e6 75%,#fa5388 100%);animation:15s ease-in-out infinite both colorChange;mix-blend-mode:overlay;z-index:1}@keyframes colorChange{0%,100%{opacity:0}50%{opacity:.9}}.landscape{position:absolute;bottom:0;left:0;width:100%;height:100%;background-image:url('img/xkbg.png');background-size:1000px 250px;background-repeat:repeat-x;background-position:center bottom;z-index:1}canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.content{color:#fff;box-shadow:0 0 30px 20px rgba(255,69,69,.5);text-align:center;position:fixed;top:0;left:0;width:100%;height:100vh;overflow-x:hidden;overflow-y:auto;z-index:2}.content::-webkit-scrollbar{width:8px;background:rgba(255,255,255,.1)}.content::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#ff9ff3,#be2edd);border-radius:4px}:root{--lx-gap-row:20px;--lx-gap-column:20px}.lx-main-container{padding:2rem;max-width:1200px;margin:0 auto}.lx-waterfall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:minmax(350px,400px);gap:var(--lx-gap-row) var(--lx-gap-column);gap:20px;margin-top:0}.lx-waterfall-card{display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0);border-radius:15px;box-shadow:0 10px 20px rgba(0,0,0,.1);box-shadow:0 10px 20px transparent;overflow:hidden;opacity:0;transform:scale(0);transition:transform .3s;break-inside:avoid;height:100%}.lx-waterfall-card img{width:100%;height:100%;object-fit:cover;display:block;border-radius:15px 15px 0 0}.lx-waterfall-card-content{padding:1.5rem}@keyframes lx-enter-bottom{from{opacity:0;transform:translateY(100vh) scale(0)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lx-enter-left{from{opacity:0;transform:translateX(-100%) scale(0)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes lx-enter-right{from{opacity:0;transform:translateX(100%) scale(0)}to{opacity:1;transform:translateX(0) scale(1)}}.lx-animate-bottom{animation:1s ease-out forwards lx-enter-bottom}.lx-animate-left{animation:1s ease-out forwards lx-enter-left}.lx-animate-right{animation:1s ease-out forwards lx-enter-right}@media (max-width:768px){.lx-waterfall-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.lx-waterfall-grid{grid-template-columns:1fr}}