:root{--post-spacing:1.78vw;--post-size:25vw;--mask-size:100vw}*{padding:0;margin:0;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;box-sizing:border-box}body{background:#fff;background-image:url(../img/grid.1886ccf5.svg);background-repeat:repeat;background-size:300px 300px}.titles{position:absolute;left:50%;top:2%;transform:translate(-50%,-5%);margin-top:60px}.titles p{font-size:4rem;font-weight:800;white-space:nowrap}.banner{margin-top:50px;overflow:hidden;position:relative;width:100vw;-webkit-mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjUwMCI+PHBhdGggZmlsbD0iI0M4QzhDOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAwczI3NS4wNCAxMDAgNzIwIDEwMFMxNDQwIDAgMTQ0MCAwdjUwMHMtMjc1LjA0LTEwMC03MjAtMTAwUzAgNTAwIDAgNTAwVjB6Ii8+PC9zdmc+);mask:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNDQwIiBoZWlnaHQ9IjUwMCI+PHBhdGggZmlsbD0iI0M4QzhDOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMCAwczI3NS4wNCAxMDAgNzIwIDEwMFMxNDQwIDAgMTQ0MCAwdjUwMHMtMjc1LjA0LTEwMC03MjAtMTAwUzAgNTAwIDAgNTAwVjB6Ii8+PC9zdmc+);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:var(--mask-size);mask-size:var(--mask-size);position:absolute;top:10%}.banner,.banner .img-wrapper{height:calc(var(--post-size)/.72)}.banner .img-wrapper{display:flex;position:absolute;width:100%;float:left;transform:translate(10.39vw);-webkit-animation:admission 1.5s;animation:admission 1.5s}.banner .img-wrapper .img-box{height:100%;display:inline-block;margin-right:var(--post-spacing);position:relative;cursor:pointer}.banner .img-wrapper .img-box .info{position:absolute;display:flex;flex-direction:column;justify-content:center;left:0;top:0;height:0%;width:0;background:#a9a9a9;color:#fff9f1;font-size:4rem}.banner .img-wrapper .img-box img{width:var(--post-size);height:100%;-o-object-position:center;object-position:center;-o-object-fit:cover;object-fit:cover}.banner .img-wrapper .img-box:last-child{transform:translate(-160.68vw)}.btn-group{height:10vh;position:absolute;left:50%;bottom:0;transform:translate(-50%,-50%);transition:1s}.btn-group .btn{width:60px;height:60px;border-radius:50%;border:1px solid #a9a9a9;background-color:#fff;margin:10px;cursor:pointer;transition:.8s;box-sizing:border-box}.btn-group .btn:hover{transform:scale(1.2);background-color:#000}.btn-group .btn:hover .icon{fill:#fff}.btn-group .btn .icon{width:30px;height:30px}.btn-group .btn .right{transform:rotate(180deg)}.img-list{left:0}@-webkit-keyframes admission{0%{transform:translate(140vw)}to{transform:translate(13.39vw)}}@keyframes admission{0%{transform:translate(140vw)}to{transform:translate(13.39vw)}}.backgroud[data-v-0798f93b]{position:relative;width:100vw;min-height:100vh;overflow:hidden;border-radius:10px;margin:0 auto;background-color:#111}.bg-mosaic[data-v-0798f93b]{position:absolute;inset:0;z-index:0;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(1,1fr);gap:6px;width:100%;height:100%}.bg-mosaic-item[data-v-0798f93b]{position:relative;overflow:hidden;background-color:#000}.bg-mosaic-item img[data-v-0798f93b]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;background-color:#000}.bg-mask[data-v-0798f93b]{position:absolute;inset:0;z-index:1;background:rgba(0,0,0,.35);pointer-events:none}.sidebar-toggle[data-v-0798f93b]{position:fixed;right:0;top:50%;transform:translateY(-50%);width:40px;height:80px;background:rgba(0,0,0,.45);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;border-radius:6px 0 0 6px;cursor:pointer;z-index:99;transition:all .3s}.sidebar-toggle[data-v-0798f93b]:hover{background:rgba(0,0,0,.7)}.content-wrap[data-v-0798f93b]{position:fixed;z-index:2;width:100%;height:100vh;display:flex;flex-direction:column;align-items:center;padding:0 20px;box-sizing:border-box;margin-top:20px;transition:transform .4s ease;transform:translateX(0)}.content-wrap-hide[data-v-0798f93b]{transform:translateX(100%)}.title-text[data-v-0798f93b]{color:#a3e9eb;font-size:100px;transition:opacity .8s ease;margin-top:60px;text-align:center}.image-popup[data-v-0798f93b]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.85);z-index:999;display:flex;align-items:center;justify-content:center}.popup-content[data-v-0798f93b]{position:relative;max-width:90%;max-height:90%}.popup-content img[data-v-0798f93b]{max-width:100%;max-height:90vh;display:block}.close-btn[data-v-0798f93b]{position:absolute;top:-32px;right:0;color:#fff;font-size:32px;cursor:pointer}.friend-head[data-v-6ba2c6e3]{height:200px;position:relative}.friend-head[data-v-6ba2c6e3]:before{position:absolute;width:100%;height:100%;background-image:linear-gradient(90deg,transparent,#fbc2eb,#a6cbf9,#6a89cc,transparent);content:""}body[data-v-6ba2c6e3]{background-color:rgba(130,140,250,.2);display:flex;justify-content:center}.shell[data-v-6ba2c6e3]{-moz-column-count:5;column-count:5;-moz-column-gap:15px;column-gap:15px}.image[data-v-6ba2c6e3]{margin-bottom:15px}.image img[data-v-6ba2c6e3]{width:100%}@media (max-width:1200px){.shell[data-v-6ba2c6e3]{-moz-column-count:4;column-count:4}}@media (max-width:850px){.shell[data-v-6ba2c6e3]{-moz-column-count:3;column-count:3}}@media (max-width:600px){.shell[data-v-6ba2c6e3]{-moz-column-count:2;column-count:2}}