@charset "UTF-8";@keyframes rainbow{0%{color:red}8.3%{color:orange}16.6%{color:#ff0}24.9%{color:green}33.2%{color:#00f}41.5%{color:indigo}49.8%{color:purple}58.1%{color:indigo}66.4%{color:#00f}74.7%{color:green}83%{color:#ff0}91.3%{color:orange}to{color:red}}@keyframes typing{0%{width:0}to{width:var(--ays-sign-length)}}@keyframes blink{0%,to{border-color:transparent}50%{border-color:currentColor}}@font-face{font-family:"ZCool Happy 2020";font-display:swap;src:local("站酷快乐体"),url(/assets/zcoolhappy2020-CwWvTJdH.woff2) format("woff2")}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;interpolate-size:allow-keywords}::selection{background-color:#b469ff99}a:not([role=button]){padding:.2em;color:#fffb00;text-decoration:none;transition:background-color .3s ease,border-radius .3s ease}a:not([role=button]):hover{border-radius:.4em;background-color:#00000070}body{margin:0;overflow:hidden}#app{width:100vw;height:100vh}#main{position:fixed;top:var(--ays-top);left:var(--ays-left);width:var(--ays-width);height:var(--ays-height);transition:all .5s ease;box-sizing:border-box}#main.maximized{width:100%;top:0;left:0}#main.maximized .window-body{height:100vh}#main.minimized{width:12%;top:96%;left:100px}#main.minimized .title,#main.minimized .window-body{display:none}#main .dev{animation:rainbow 5s linear infinite}#main .socials{grid-area:socials;height:fit-content;display:flex;justify-content:space-between}#main .socials a{text-shadow:0 0 2px rgba(255,255,255,.75);transition:transform .4s ease}#main .socials a:hover{transform:rotate(360deg)}#main .socials .platform{width:24px;height:24px}#bg-color{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}#bg-video,#bg-image{position:fixed;top:0;left:0;object-fit:fill;width:100%;height:100%;z-index:-1}#background{background:url(/assets/statics/background.webp) no-repeat fixed center center/cover;position:fixed;top:0;left:0;width:100%;height:100%;object-fit:fill;z-index:-1}#header{width:100%;height:6vh}.actions{display:inline-flex}.actions .icon{width:24px;height:24px}.actions a{color:#fff;outline:none!important;transition:color .5s ease;margin-left:.4em}.actions a:hover{color:#fff9}.actions a.danger:hover{color:red}.actions .not-allowed{color:gray!important;cursor:not-allowed!important}.window-title{display:inline-flex;-webkit-user-select:none;user-select:none}.window-header{border-radius:10px 10px 0 0;padding:.6em;display:flex;align-items:baseline;justify-content:space-between;background-color:#59595940;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);border-bottom:none;box-shadow:#0e0e0e29 0 6px 15px;color:#ffffffbf}.window-body{padding:2em;border-radius:0 0 10px 10px;background-color:var(--bg-color);display:grid;grid-template-columns:125px 25% 45%;grid-template-rows:0fr;grid-template-areas:"avatar name socials" "avatar sign sign" "footer footer moe";column-gap:1em;row-gap:.6em;transition:height .5s ease;background-color:#ffffff40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);border-top:none;box-shadow:#8e8e8e33 0 6px 15px;color:#000}.window-body .avatar{width:120px;height:120px;border-radius:50%;grid-area:avatar;transition:transform .4s ease}.window-body .avatar:hover{transform:rotate(360deg)}.window-body .name{grid-area:name}.window-body .name>span.aka{color:#aaa;background-color:#0006;font-size:75%;margin-left:.2em;font-family:Comic Sans MS;display:inline-block}.window-body .name>span.aka:after{content:" -"}.window-body .name>span.aka:before{content:"- "}.window-body .sign{font-family:"ZCool Happy 2020";padding:1em;border-radius:0 .4em .4em;background-color:var(--bg-color);width:100%;height:fit-content;grid-area:sign;position:relative}.window-body .sign:before{content:"";display:block;position:absolute;border-width:8px;border-style:dashed solid dashed dashed;border-color:transparent var(--bg-color) transparent transparent;left:-16px;top:0}.window-body .sign>*{font-family:inherit}.window-body .sign .content{color:#fff;width:var(--ays-sign-length);height:1.2em;word-break:break-all;border-right:2px solid transparent;animation:typing 3s steps(var(--ays-sign-length-typing),end),blink .6s step-end infinite;overflow:hidden}.window-body .sign .tags{margin-block:0;color:#b6b6da}.window-body #moe-counter{grid-area:moe}.footer{grid-area:footer;font-size:.75em}.footer .content{display:flex;flex-direction:column}.icon{width:24px;height:24px;font-size:24px}@media screen and (max-width: 1024px) and (min-width: 768px){#main{left:calc(50% - 38vw);top:calc(50% - 40vh)}}@media screen and (max-width: 768px){#bg-video,#bg-image{left:-20%;width:initial}#background{background-image:url(/assets/statics/background.phone.webp)}#main{width:100vw;left:0;color:#0ff}.window-header .actions{pointer-events:none}.window-header .actions>a{color:gray}.window-body{background-color:transparent;border-radius:0;grid-template-columns:60px 70%;grid-template-rows:60px 20% 5% 20%;grid-template-areas:"avatar name" "sign sign" "socials socials" "footer footer" "moe moe";row-gap:1em}.window-body .avatar{width:60px;height:60px}.window-body .name{font-size:1.2em;margin-top:1em}.window-body .sign{font-size:.8rem}.window-body .sign:before{transform:rotate(90deg);top:-16px;left:0}#main .socials{justify-items:center}#main .socials a{text-shadow:0 0 1px #0ff}}