.yun-notice{border:1px solid var(--va-c-text);display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:var(--va-font-serif);font-weight:700;padding:1rem;max-width:var(--yun-post-card-max-width);background-color:#c8c8c81a}.ae-rect{top:var(--rect-margin);left:var(--rect-margin);width:calc(100% - var(--rect-margin) * 2);height:calc(100% - var(--rect-margin) * 2);overflow:hidden}.ae-rect div{position:absolute;overflow:hidden}.ae-rect div:after{content:"";position:absolute;width:100%;height:100%;background-color:var(--va-c-text)}.ae-rect div:nth-child(1),.ae-rect div:nth-child(3){left:0;width:100%;height:1px}.ae-rect div:nth-child(2),.ae-rect div:nth-child(4){top:0;width:1px;height:100%}.ae-rect div:nth-child(3){bottom:0}.ae-rect div:nth-child(4){right:0}@media screen and (min-width: 768px){.yun-ae-frame{--corner-size: 50px;--corner-margin: 30px;--corner-border-size: 5px}}.yun-ae-frame{--corner-size: 40px;--corner-margin: 8px;--corner-border-size: 3px}.yun-ae-frame div{width:var(--corner-size);height:var(--corner-size)}.yun-ae-frame div:before,.yun-ae-frame div:after{content:"";display:block;position:absolute;background-color:var(--va-c-text)}.yun-ae-frame div:before{width:100%;height:var(--corner-border-size)}.yun-ae-frame div:after{width:var(--corner-border-size);height:100%}.yun-ae-frame div:nth-child(1){top:var(--corner-margin);left:var(--corner-margin)}.yun-ae-frame div:nth-child(2){top:var(--corner-margin);right:var(--corner-margin)}.yun-ae-frame div:nth-child(2):after{top:0;right:0}.yun-ae-frame div:nth-child(3){bottom:var(--corner-margin);left:var(--corner-margin)}.yun-ae-frame div:nth-child(3):before{bottom:0;left:0}.yun-ae-frame div:nth-child(4){bottom:var(--corner-margin);right:var(--corner-margin)}.yun-ae-frame div:nth-child(4):before,.yun-ae-frame div:nth-child(4):after{bottom:0;right:0}.yun-ae-frame .tl,.yun-ae-frame .tr,.yun-ae-frame .bl,.yun-ae-frame .br{position:absolute;transition:transform .6s cubic-bezier(.18,.66,.05,.96)}.yun-ae-frame .tl{transform:translate(calc(var(--corner-margin) * -1),calc(var(--corner-margin) * -1))}.yun-ae-frame .tr{transform:translate(calc(var(--corner-margin)),calc(var(--corner-margin) * -1))}.yun-ae-frame .bl{transform:translate(calc(var(--corner-margin) * -1),calc(var(--corner-margin)))}.yun-ae-frame .br{transform:translate(calc(var(--corner-margin)),calc(var(--corner-margin)))}.yun-ae-frame.play .tl,.yun-ae-frame.play .tr,.yun-ae-frame.play .bl,.yun-ae-frame.play .br{transform:translate(0)}.grid-bg{--size: 40px;background:linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:var(--size) var(--size)}.say{color:var(--va-c-text);display:block;text-align:center;font-family:var(--va-font-serif);font-weight:700;padding:.5rem;border-top:var(--va-border-width) solid var(--va-c-text-light);border-bottom:var(--va-border-width) solid var(--va-c-text-light)}.say .say-content,.say .say-from{display:block}.go-down{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;position:absolute;z-index:var(--yun-z-go-down);animation:float 2s ease-in-out infinite;color:var(--va-c-text);transition:color var(--va-transition-duration)}.go-down:hover{color:rgba(var(--va-c-primary-rgb),.6)}@keyframes float{0%{opacity:1;transform:translateY(0)}50%{opacity:.8;transform:translateY(-.3em)}to{opacity:1;transform:translateY(0)}}.line-burst-effects .line{position:absolute;top:0;left:calc(50% - 2px);width:4px;height:100%}.line-burst-effects .line:nth-child(1){transform:rotate(45deg)}.line-burst-effects .line:nth-child(1) div{position:absolute;top:0;left:0;width:100%;height:20%;overflow:hidden}.line-burst-effects .line:nth-child(1) span{display:block;background-color:#fff;content:"";width:100%;height:100%;transform:translateY(100%);animation:line-burst .8s forwards}.line-burst-effects .line:nth-child(2){transform:rotate(90deg)}.line-burst-effects .line:nth-child(2) div{position:absolute;top:0;left:0;width:100%;height:20%;overflow:hidden}.line-burst-effects .line:nth-child(2) span{display:block;background-color:#fff;content:"";width:100%;height:100%;transform:translateY(100%);animation:line-burst .8s forwards}.line-burst-effects .line:nth-child(3){transform:rotate(135deg)}.line-burst-effects .line:nth-child(3) div{position:absolute;top:0;left:0;width:100%;height:20%;overflow:hidden}.line-burst-effects .line:nth-child(3) span{display:block;background-color:#fff;content:"";width:100%;height:100%;transform:translateY(100%);animation:line-burst .8s forwards}.line-burst-effects .line:nth-child(4){transform:rotate(180deg)}.line-burst-effects .line:nth-child(4) div{position:absolute;top:0;left:0;width:100%;height:20%;overflow:hidden}.line-burst-effects .line:nth-child(4) span{display:block;background-color:#fff;content:"";width:100%;height:100%;transform:translateY(100%);animation:line-burst .8s forwards}.line-burst-effects .line:nth-child(5){transform:rotate(225deg)}.line-burst-effects .line:nth-child(5) div{position:absolute;top:0;left:0;width:100%;height:20%;overflow:hidden}.line-burst-effects .line:nth-child(5) span{display:block;background-color:#fff;content:"";width:100%;height:100%;transform:translateY(100%);animation:line-burst .8s forwards}.line-burst-effects .line:nth-child(6){transform:rotate(270deg)}.line-burst-effects .line:nth-child(6) div{position:absolute;top:0;left:0;width:100%;height:20%;overflow:hidden}.line-burst-effects .line:nth-child(6) span{display:block;background-color:#fff;content:"";width:100%;height:100%;transform:translateY(100%);animation:line-burst .8s forwards}.line-burst-effects .line:nth-child(7){transform:rotate(315deg)}.line-burst-effects .line:nth-child(7) div{position:absolute;top:0;left:0;width:100%;height:20%;overflow:hidden}.line-burst-effects .line:nth-child(7) span{display:block;background-color:#fff;content:"";width:100%;height:100%;transform:translateY(100%);animation:line-burst .8s forwards}.line-burst-effects .line:nth-child(8){transform:rotate(360deg)}.line-burst-effects .line:nth-child(8) div{position:absolute;top:0;left:0;width:100%;height:20%;overflow:hidden}.line-burst-effects .line:nth-child(8) span{display:block;background-color:#fff;content:"";width:100%;height:100%;transform:translateY(100%);animation:line-burst .8s forwards}@keyframes line-burst{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}.yun-square[data-v-4d245994]{transition:all .8s cubic-bezier(.18,.66,.05,.96);border-radius:50%;transform:rotate(0) translateY(0);width:var(--avatar-size);height:var(--avatar-size);box-shadow:0 5px 100px #00000026}.yun-square.enter-from[data-v-4d245994]{border-radius:0%;width:var(--total-char-height);height:var(--total-char-height);transform:rotate(135deg) translateY(0);box-shadow:none}.yun-square-container[data-v-4d245994]{--avatar-size: 100px}.yun-square-container .info-with-avatar[data-v-4d245994]{position:relative}.yun-square-container .info-with-avatar.show[data-v-4d245994]{transform:translateY(-50%)}.yun-square-container .info[data-v-4d245994]{position:relative;opacity:0;transform:translateY(0);transition:all .8s cubic-bezier(.18,.66,.05,.96)}.yun-square-container .info.show[data-v-4d245994]{opacity:1;transform:translateY(calc(50% + var(--avatar-size) / 2))}#yun-banner{--banner-line-height: 0;--line-animation-duration: .4s;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:var(--banner-container-height, calc(100 * var(--vh)))}.banner-char-container{display:flex;flex-direction:column;align-items:center}.banner-line-container{position:relative;display:flex;flex-direction:column;align-items:center;height:var(--banner-line-height);transition:height 2s}.banner-line-container.bottom{justify-content:end}.vertical-line-top,.vertical-line-bottom{display:flex;background-color:var(--banner-line-color);width:1px;height:0}.vertical-line-bottom{flex-direction:column-reverse}.banner-line.enter{animation-name:extend-line;animation-duration:var(--line-animation-duration);animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.18,.66,.05,.96);animation-iteration-count:1}.banner-line.active{height:var(--banner-line-height)}.banner-line.exit{animation-name:extend-line;animation-duration:var(--line-animation-duration);animation-fill-mode:forwards;animation-direction:reverse;animation-timing-function:cubic-bezier(.77,0,.17,1.02);animation-iteration-count:1}@keyframes extend-line{0%{height:0}to{height:var(--banner-line-height)}}.char{font-family:var(--va-font-serif);font-weight:900;font-size:var(--banner-char-size, 1rem);background-color:var(--banner-char-bg-color);line-height:1;transition:all .3s ease-in-out;transition-delay:0s}.char:hover{color:var(--banner-char-hover-color);background-color:var(--banner-char-color)}.char-left,.char-right{display:flex;color:var(--banner-char-color);opacity:0}.char-left{border-left:1px solid var(--banner-line-color);border-right:0 solid rgba(var(--va-c-primary-rgb),.1);border-right-width:0;animation-name:char-move-left;animation-duration:.4s;animation-delay:var(--line-animation-duration);animation-fill-mode:forwards;animation-timing-function:ease-out}.char-right{border-left:0 solid rgba(var(--va-c-primary-rgb),.1);border-right:1px solid var(--banner-line-color);border-left-width:0;animation-name:char-move-right;animation-duration:.4s;animation-delay:var(--line-animation-duration);animation-fill-mode:forwards;animation-timing-function:ease-out}@keyframes char-move-left{0%{opacity:0;border-right-width:0}to{opacity:1;border-right-width:var(--banner-empty-border-size, var(--banner-char-size))}}@keyframes char-move-right{0%{opacity:0;border-left-width:0}to{opacity:1;border-left-width:var(--banner-empty-border-size, var(--banner-char-size))}}:root{--banner-line-color: black;--banner-char-color: black;--banner-char-bg-color: rgb(255 255 255 / .5);--banner-char-hover-color: white}.dark{--banner-line-color: white;--banner-char-color: white;--banner-char-bg-color: rgb(0 0 0 / .5);--banner-char-hover-color: black}