.wrapper{&[data-v-7e89f997]{opacity:var(--q)}&[data-v-7e89f997]:hover{opacity:unset}}.card{&[data-v-7e89f997]{margin-left:20px;position:absolute;transform:scale(.8)}&[data-v-7e89f997]:hover{box-shadow:var(--H) 0 10px 30px}}.row[data-v-7e89f997]{margin:5px 0}.icon[data-v-7e89f997]{margin:0 5px}.text[data-v-7e89f997]{font-size:var(--ar);opacity:.6;font-weight:800}@media (width<=1000px){.wrapper[data-v-7e89f997]{align-items:center}.card[data-v-7e89f997]{position:unset;margin-left:0}}.app-container[data-v-016285c7]{width:100%}.ruby-under[data-v-016285c7]{ruby-position:under}.ruby-over[data-v-016285c7]{ruby-position:over}.scroll-link[data-v-016285c7]{width:100%;height:20px;position:absolute;bottom:150px}.lang-area{&[data-v-016285c7]{z-index:100;user-select:none;border-radius:var(--ag);padding:10px 14px;display:block;position:absolute;top:25px;right:25px}& a{&[data-v-016285c7]{color:var(--o);opacity:var(--q);cursor:pointer;transition:transform var(--f), opacity var(--f);font-size:16px;display:inline-block;position:relative}&.current[data-v-016285c7]{opacity:1;text-shadow:0 0 .6px;cursor:default;transform:scale(1.1)}&[data-v-016285c7]:hover{text-shadow:0 0 .6px;transform:scale(1.1)}&.underline2[data-v-016285c7]:after{width:100%;margin:0;position:absolute;bottom:-4.5px}&.current[data-v-016285c7]:after{opacity:1}&[data-v-016285c7]:not(.current):hover:after{opacity:var(--q)}}& .s-line[data-v-016285c7]{font-size:var(--au);color:var(--o);opacity:var(--q);margin:0 5px;display:inline-block;position:relative;top:-2px}}#home[data-v-016285c7]{width:100%;height:100vh}#info[data-v-016285c7]{margin-top:-40px}.block{&[data-v-016285c7]{background-color:var(--an);backdrop-filter:var(--E);text-align:center;width:calc(100% - 40px);transition:transform var(--e), backdrop-filter var(--e), background-color var(--e);border-radius:var(--af);padding:20px .5em 50px;animation:.6s .4s backwards slide-in}&+.block[data-v-016285c7]{margin-top:50px}&[data-v-016285c7]:hover{background-color:var(--an);backdrop-filter:none;transform:scale(1.01)}& h3[data-v-016285c7]{font-weight:400;font-size:var(--at);color:var(--aB);transition:var(--e);margin-block-end:0}&>p[data-v-016285c7],&#info p[data-v-016285c7]{font-size:var(--as);margin-block-start:0}}.info{&[data-v-016285c7]{flex-direction:column;align-items:center;display:flex;position:absolute;right:calc(10% - 20px)}&>div[data-v-016285c7]{margin:7.5px}& h2[data-v-016285c7]{margin-block:0}}.info-logo[data-v-016285c7]{width:60px;height:60px;margin-right:10px}.media-box{&[data-v-016285c7]{width:100%;height:25px;margin-top:15px}&>a[data-v-016285c7]{width:25px;height:25px;position:relative}& img{&[data-v-016285c7]{opacity:.8;transition:var(--f);cursor:pointer;transform:scale(1)}&[data-v-016285c7]:hover{transform:scale(var(--p))}}& a.underline2[data-v-016285c7]:after{width:100%;margin:0;position:absolute;bottom:-8.5px}&[data-v-016285c7]:hover,& a[data-v-016285c7]:hover:after{opacity:1}}.tag-box{&[data-v-016285c7]{user-select:none;font-size:small;font-weight:var(--h);display:flex}&>span{&[data-v-016285c7]{border-radius:var(--ag);background-color:var(--ae);color:var(--I);transition:var(--e);margin:3px;padding:4px 9px}&[data-v-016285c7]:hover{background-color:var(--F);color:var(--aB);box-shadow:var(--F) 0 5px 10px}}}.tip[data-v-016285c7]{font-size:var(--au);color:var(--J);margin-top:-20px}.log-box-outer{&[data-v-016285c7]{width:70%;margin-top:10px;margin-bottom:30px;overflow:hidden}&[data-v-016285c7] *{transition:var(--e)}}.log-box{&[data-v-016285c7]{scrollbar-width:thin;scrollbar-color:var(--F) transparent;overflow:auto hidden}& div[data-v-016285c7]{text-align:left;vertical-align:top;padding:0 30px;display:inline-block}}.log-text-1[data-v-016285c7],.log-text-3[data-v-016285c7]{font-size:var(--aq);line-height:3px;font-weight:var(--m)}.log-text-1[data-v-016285c7]{color:var(--aB)}.log-text-2[data-v-016285c7]{color:var(--L);font-size:small;line-height:5px}.log-text-3[data-v-016285c7]{color:var(--J)}footer{&[data-v-016285c7]{border-radius:var(--af);flex-wrap:wrap;justify-content:center;margin:50px;padding:20px 20px 30px;display:flex}&:hover{& .police-emblem-icon[data-v-016285c7]{opacity:1}}& div[data-v-016285c7]{text-align:left;flex:1 0 0;margin-top:10px;padding:0 50px}& p[data-v-016285c7]{font-family:var(--ad);font-size:var(--ar);font-weight:var(--s);color:var(--o);line-height:10px}& a[data-v-016285c7],& span[data-v-016285c7],& button[data-v-016285c7]{color:var(--o);font-size:var(--au);line-height:30px}& span{&[data-v-016285c7]{border:0}&[data-v-016285c7]:hover,&[data-v-016285c7]:active{color:inherit}}& button[data-v-016285c7]{cursor:pointer;transition:var(--e);background:0 0;border:none;padding:0;font-family:inherit}}.police-emblem-icon[data-v-016285c7]{opacity:.65;width:auto;height:1.2em;position:absolute;top:50%;left:0;transform:translate(calc(-100% - 5px),-50%)}@media screen and (width<=660px){.lang-area a[data-v-016285c7]{font-size:20px}.lang-area i[data-v-016285c7]{font-size:16px}footer[data-v-016285c7]{line-height:2em}footer a[data-v-016285c7],footer span[data-v-016285c7],footer button[data-v-016285c7]{font-size:var(--ar)}}@media (width<=900px){.info-content[data-v-016285c7]{flex-direction:column}.info{&[data-v-016285c7]{position:static;transform:scale(.9)}& h2[data-v-016285c7]{transform:scale(.9)}}.info-logo[data-v-016285c7]{width:50px;height:50px;margin-right:5px}.media-box[data-v-016285c7]{transform:scale(.9)}.scroll-down[data-v-016285c7]{display:none}footer div[data-v-016285c7]{padding:0 20px}}:root{color-scheme:light dark;--az:#6cf;--n:#66ccffde;--av:#07b;--an:#fffc;--ao:#ffffffe6;--ap:white;--ae:#0000000d;--F:#0000001a;--G:#0003;--H:#0000004d;--I:#0006;--J:#0009;--K:#000000b3;--L:#000c;--M:#000000e6;--aB:#4d4d4d;--o:#fff;--E:blur(20px) saturate(180%);--b:blur(30px) saturate(180%);--ad:PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif;--ac:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--au:12px;--as:14px;--ar:15px;--aq:18px;--at:30px;--m:500;--h:600;--s:700;--ah:3px;--ag:5px;--af:10px;--f:.2s;--e:.25s;--g:1s;--p:1.05;--q:.6;--k:#ffffffe6;--d:#0000004d}@media (prefers-color-scheme:dark){:root{--av:#6cf;--an:#000c;--ao:#000000e6;--ap:black;--ae:#ffffff0d;--F:#ffffff1a;--G:#fff3;--H:#ffffff4d;--I:#fff6;--J:#fff9;--K:#ffffffb3;--L:#fffc;--M:#ffffffe6;--aB:white}.media-box,.selection{filter:brightness(2)}.bg{filter:brightness(.51)}.card{opacity:.5}}html{scrollbar-color:var(--F) transparent;scroll-behavior:smooth}body{color:var(--aB);font-family:var(--ad)}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nowrap{white-space:nowrap}.flex-row{flex-direction:row;display:flex}.flex-col{flex-direction:column;display:flex}.item-center{align-items:center}.content-center{justify-content:center}.content-evenly{justify-content:space-evenly}.monospace{font-family:var(--ac)}.highlight{color:var(--av)!important}.pointer{cursor:pointer}.glass-hover{transition:background-color var(--f), backdrop-filter var(--f);&:hover{background-color:var(--d);backdrop-filter:var(--b)}}.alpha-50{opacity:.5}html,body,#app{width:100%;max-width:100%;margin:0;display:flex;overflow-x:hidden}.bg{z-index:-100;filter:brightness(.8);background-image:url(../assets/background.avif);background-position:20%;background-repeat:no-repeat;background-size:cover;width:100%;height:100vh;position:fixed}.card{background-color:var(--an);border-radius:var(--af);transition:transform var(--e);padding:20px;&.mini{border-radius:var(--ag);padding:10px}&:hover{transform:scale(var(--p))}&.loaded{animation:card-entrance var(--g) ease}}.scroll-down{border-top:3px solid;border-right:3px solid;border-color:var(--k);box-sizing:unset;cursor:pointer;width:20px;height:20px;transition:var(--g);border-radius:2px;position:absolute;top:50px;left:calc(50% - 10px);transform:rotate(-45deg)scale(1.1);&:hover{border-color:var(--az)}&.loaded{transform:rotate(495deg)scale(1)}}.blanked{transform:scale(var(--p));opacity:0;transition:transform var(--e), opacity var(--g)}.bg.blanked{transition:transform 1.5s,opacity 1s}.loaded{opacity:.9;transform:scale(1)}.work-list{flex-wrap:wrap;justify-content:center;display:flex}.work-link{background-color:var(--ap);width:250px;height:235px;box-shadow:var(--ae) 0 5px 10px;text-align:left;transition:var(--e);cursor:pointer;border-radius:8px;flex-direction:column;margin:0 15px 30px;display:flex;overflow:hidden;&:hover{box-shadow:var(--H) 0 10px 30px;transform:scale(var(--p))}& *{transition:var(--e)}}.work-link-pic{background-color:var(--ae);object-fit:cover;object-position:center;width:100%;height:140px}.work-link-text{flex:1;padding:10px 20px}.work-link-title{color:var(--aB);font-size:var(--ar);font-family:var(--ad);font-weight:var(--s);margin:5px 0 0}.work-link-intro{color:var(--aB);margin:1px 0 0;font-size:small}.work-link-cat{color:var(--K);margin:5px 0 0;font-size:11px}.underline1:after,.underline2:after{content:"";background-color:var(--az);width:50px;height:3px;display:block}.underline1:after{margin:30px auto 40px}.underline2:after{opacity:0;transition:opacity var(--f);margin:5px 0}iframe{border:0}a{color:var(--aB);transition:var(--e);cursor:pointer;outline:0;text-decoration:none}.link{border-bottom:1px solid #0000;position:relative;&:hover{border-color:var(--az);color:var(--az)}&:active{border-color:var(--n);color:var(--n)}}@keyframes slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes card-entrance{0%{transform:scale(var(--p))}to{transform:scale(1)}}