.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}.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-bottom:var(--va-border-width) solid var(--va-c-text-light)}.say .say-content,.say .say-from{display:block}.line[data-v-fae4f987]{position:absolute;height:1px;width:0%;left:0;background-color:var(--va-c-text);transition:width 1s cubic-bezier(.18,.66,.05,.96);transition-delay:1.2s}.line.enter[data-v-fae4f987]{width:100%}.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-217e119d]{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-217e119d]{border-radius:0%;transform:rotate(135deg) translateY(0);box-shadow:none}.yun-square-container[data-v-217e119d]{--avatar-size: 100px}.yun-square-container .info-with-avatar[data-v-217e119d]{position:relative}.yun-square-container .info[data-v-217e119d]{position:relative;opacity:0;transform:translateY(0);transition:all .8s cubic-bezier(.18,.66,.05,.96)}.yun-square-container .info.show[data-v-217e119d]{opacity:1}.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)}}#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}