.blog-layout[data-v-e184c128]{min-height:100vh;display:flex;flex-direction:column}.blog-header[data-v-e184c128]{display:flex;align-items:center;height:50px;background-image:url(/images/blog-header.png);box-shadow:#000 0 0 10px;z-index:10}.header-container[data-v-e184c128]{width:100%;padding:0 1rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.blog-header h1[data-v-e184c128]{margin:0;font-size:1.5rem}.blog-header h1 a[data-v-e184c128]{text-decoration:none}.logo[data-v-e184c128]{height:80%}.blog-nav[data-v-e184c128]{display:flex;align-items:center}.blog-nav a[data-v-e184c128]{text-decoration:none;margin-right:1rem}.blog-nav a.router-link-active[data-v-e184c128]{font-weight:700}.blog-main[data-v-e184c128]{flex:1}.container[data-v-e184c128]{max-width:1200px;margin:0 auto;padding:0 2rem}.blog-footer[data-v-e184c128]{background-color:#ecf0f1;padding:1rem 0;text-align:center;color:#7f8c8d;margin-top:3rem}.runtime[data-v-e184c128]{color:#3498db}.blog-home[data-v-966baa86]{margin-top:450px;display:flex;flex-direction:row;justify-content:space-between}.left[data-v-966baa86]{width:60%}.right[data-v-966baa86]{width:30%}@media screen and (max-width: 1200px){.blog-home[data-v-966baa86]{flex-direction:column}.left[data-v-966baa86],.right[data-v-966baa86]{width:100%}}.hero[data-v-966baa86]{position:absolute;left:0;top:50px;width:100%;text-align:center;background-color:#f8f9fa;height:400px;overflow:hidden}.wallpapers[data-v-966baa86]{object-fit:cover;width:100%;height:400px;transition:transform .5s ease-out;scale:1.1}.wallpaper[data-v-966baa86]{object-fit:cover;width:100%;height:400px;opacity:0;transition:opacity 1.5s ease-in-out;z-index:0;background-repeat:repeat}.wallpaper.down[data-v-966baa86]{transform:translateY(-405px)}.wallpaper.active[data-v-966baa86]{opacity:1;will-change:transform,opacity}.intro[data-v-966baa86]{position:absolute;left:50%;transform:translate(-50%);width:80%;height:400px;z-index:1}.intro-content[data-v-966baa86]{position:absolute;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff}.intro-content h1[data-v-966baa86]{font-size:3.5rem;text-shadow:#000 0px 0px 10px;margin:0}.intro-content p[data-v-966baa86]{font-size:1.5rem;text-shadow:#000 0px 0px 10px;margin:.5rem}.hitokoto-content[data-v-966baa86]{margin:1rem;text-shadow:#000 0px 0px 10px}.hitokoto-content span[data-v-966baa86]{font-size:1.5rem}.hitokoto-author span[data-v-966baa86]{font-size:1rem}.fliter[data-v-966baa86]{position:absolute;width:100%;height:100%;z-index:3;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);-webkit-mask-image:radial-gradient(circle at center,transparent 10%,black 80%);mask-image:radial-gradient(circle at center,transparent 10%,black 80%)}.latest-articles h2[data-v-966baa86]{font-size:1.8rem;margin-bottom:1.5rem;color:#2c3e50;border-bottom:2px solid #3498db;padding-bottom:.5rem}.article-list[data-v-966baa86]{margin-bottom:2rem}.article-item[data-v-966baa86]{padding:1.5rem;margin-bottom:1.5rem;border:1px solid #ecf0f1;border-radius:8px;transition:box-shadow .3s ease}.article-item[data-v-966baa86]:hover{box-shadow:0 4px 8px #0000001a}.article-item h3[data-v-966baa86]{margin-top:0}.article-item h3 a[data-v-966baa86]{text-decoration:none;color:#3498db}.article-item h3 a[data-v-966baa86]:hover{text-decoration:underline}.article-meta[data-v-966baa86]{color:#95a5a6;font-size:.9rem;margin-bottom:.5rem}.article-excerpt[data-v-966baa86]{color:#34495e;line-height:1.6}.view-all[data-v-966baa86]{text-align:center;margin-top:1rem}.view-all a[data-v-966baa86]{color:#3498db;text-decoration:none;font-weight:700}.card[data-v-966baa86]{position:relative;border:1px solid #ecf0f1;border-radius:8px;transition:box-shadow .3s ease;margin-bottom:2rem}.card[data-v-966baa86]:hover{box-shadow:0 4px 8px #0000001a}.card-content[data-v-966baa86]{width:auto;height:100%;padding:25px}.underline[data-v-966baa86]{padding:0 10px;position:relative;z-index:1}.underline[data-v-966baa86]:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:10px;background-color:#dbdb30;border-radius:5px;z-index:-1}.card.about h2[data-v-966baa86]{margin-top:0}.card.about .bg[data-v-966baa86]{width:auto;height:150px;border-radius:10px;background-image:url(/images/avatar.png);background-size:cover;background-position:center;margin:0 auto}.card.about .name[data-v-966baa86]{position:relative;margin:0;font-size:1rem;font-weight:lighter;text-align:center}.card.question[data-v-966baa86]{display:flex}.card.question .card-content[data-v-966baa86]{display:flex;flex-direction:column;gap:20px}.card.question .messagebox[data-v-966baa86]{position:relative;width:auto;border-radius:5px;padding:10px;background-color:#95ec69}.card.question .messagebox[data-v-966baa86]:before{content:"";position:absolute;top:90%;left:15px;transform:translate(-50% -50%);width:0;height:0;border-left:2px solid transparent;border-right:14px solid transparent;border-top:16px solid #95EC69}.card.question .message[data-v-966baa86]{position:relative;width:auto;font-size:1rem}.article-list-page h1[data-v-f6567021]{font-size:2rem;margin-bottom:2rem;color:#2c3e50;border-bottom:2px solid #3498db;padding-bottom:.5rem}.article-list[data-v-f6567021]{margin-bottom:2rem}.article-item[data-v-f6567021]{padding:1.5rem;margin-bottom:1.5rem;border:1px solid #ecf0f1;border-radius:8px;transition:box-shadow .3s ease}.article-item[data-v-f6567021]:hover{box-shadow:0 4px 8px #0000001a}.article-item h2[data-v-f6567021]{margin-top:0}.article-item h2 a[data-v-f6567021]{text-decoration:none;color:#3498db}.article-item h2 a[data-v-f6567021]:hover{text-decoration:underline}.article-meta[data-v-f6567021]{color:#95a5a6;font-size:.9rem;margin-bottom:.5rem}.article-excerpt[data-v-f6567021]{color:#34495e;line-height:1.6}.pagination[data-v-f6567021]{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination button[data-v-f6567021]{padding:.5rem 1rem;background-color:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer}.pagination button[data-v-f6567021]:disabled{background-color:#bdc3c7;cursor:not-allowed}.pagination span[data-v-f6567021]{color:#2c3e50;font-weight:500}.back-link[data-v-c395fa17]{display:inline-block;margin-bottom:1rem;color:#3498db;text-decoration:none}.back-link[data-v-c395fa17]:hover{text-decoration:underline}.article-detail[data-v-c395fa17]{padding-top:4rem}.article-header h1[data-v-c395fa17]{font-size:2.2rem;margin-bottom:.5rem;color:#2c3e50}.article-meta[data-v-c395fa17]{color:#95a5a6;font-size:1rem;margin-bottom:2rem}.article-body[data-v-c395fa17]{line-height:1.8;color:#34495e}.article-body h2[data-v-c395fa17]{font-size:1.8rem;margin-top:2rem;margin-bottom:1rem;color:#2c3e50}.article-body h3[data-v-c395fa17]{font-size:1.4rem;margin-top:1.5rem;margin-bottom:.8rem;color:#34495e}.article-body p[data-v-c395fa17]{margin-bottom:1.2rem}.article-body ul[data-v-c395fa17]{margin-bottom:1.5rem;padding-left:1.5rem}.article-body li[data-v-c395fa17]{margin-bottom:.5rem}.article-body pre[data-v-c395fa17]{background-color:#f8f9fa;padding:1rem;border-radius:4px;overflow-x:auto;margin-bottom:1.5rem}.article-body code[data-v-c395fa17]{font-family:Courier New,monospace;font-size:.9rem}.article-navigation[data-v-c395fa17]{display:flex;justify-content:space-between;margin-top:3rem;padding-top:1.5rem;border-top:1px solid #ecf0f1}.article-navigation a[data-v-c395fa17]{color:#3498db;text-decoration:none}.article-navigation a[data-v-c395fa17]:hover{text-decoration:underline}.article-not-found[data-v-c395fa17]{text-align:center;padding:3rem}.article-not-found h1[data-v-c395fa17]{font-size:2rem;color:#2c3e50;margin-bottom:1rem}.article-not-found p[data-v-c395fa17]{font-size:1.2rem;color:#7f8c8d;margin-bottom:2rem}.bg[data-v-ead7af92]{width:100vw;height:100vh;background-image:url(/images/index.webp);background-size:150%;background-position:center;background-repeat:repeat;transition:background-size 1s ease-in-out}.card[data-v-ead7af92]{display:flex;flex-direction:row;position:absolute;transform:translate(-50%,-50%);z-index:1}.subCards[data-v-ead7af92]{position:absolute;width:100vw;height:100vh;z-index:2}.avatar[data-v-ead7af92]{width:15vw}.avatar[data-v-ead7af92]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16vw;height:16vw;background:#00000080;border-radius:50%;z-index:-1;filter:blur(10px)}.avatar img[data-v-ead7af92]{width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-content-img-bg[data-v-ead7af92]{width:100%;height:100%;background:#ccc;border-radius:50%}.lines-container[data-v-ead7af92]{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0}.starBg[data-v-ead7af92]{position:absolute;top:50%;left:-5%;transform:translateY(-50%);transition:all 1s ease;background-image:url(/images/mask.png);background-size:100%;background-position:center;background-repeat:no-repeat;height:100vh;width:100vh}.consoleBox[data-v-ead7af92]{display:flex;flex-direction:column;position:absolute;height:30vw;width:40vw;top:50%;left:95%;transform:translate(-100%,-50%);background:#000000b3;border-radius:10px;z-index:10;transition:all .3s ease-in-out,top 1s ease-in-out,filter 1s ease-in-out,opacity 1s ease-in-out}.consoleBox[data-v-ead7af92]::selection{background:#fff;color:#000}.consoleBox[data-v-ead7af92]:hover{box-shadow:0 0 10px #000}.console-header[data-v-ead7af92]{height:10%;display:flex;flex-direction:row;align-items:center;color:#fff;background:#333;padding:0 1vw;text-transform:uppercase;letter-spacing:.2vw;font-size:1.5vw;font-weight:700;border-radius:10px 10px 0 0;-webkit-user-select:none;user-select:none}.console-content[data-v-ead7af92]{flex-grow:1;height:90%;overflow-y:auto}.console-content[data-v-ead7af92]::-webkit-scrollbar{width:.5vw;height:.5vw}.console-content[data-v-ead7af92]::-webkit-scrollbar-track{background:#333}.console-content[data-v-ead7af92]::-webkit-scrollbar-thumb{background:#666}.console-input[data-v-ead7af92]{height:10%;display:flex;flex-direction:row;align-items:center;color:#fff;font-family:Courier New,Courier,monospace;font-size:1.5vw;background:#333;padding:0 1vw;bottom:0;border-radius:0 0 10px 10px;overflow-x:auto}.console-input-aro[data-v-ead7af92]{width:.5vw;height:1.5vw;margin-right:.5vw}.console-input-content[data-v-ead7af92]{padding:0 1vw;flex-grow:1;outline:none}.console-input[data-v-ead7af92]::-webkit-scrollbar{height:.5vw}.console-input[data-v-ead7af92]::-webkit-scrollbar-track{background:#333}.console-input[data-v-ead7af92]::-webkit-scrollbar-thumb{background:#666}.subCard[data-v-ead7af92]{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:4px;transition:all .3s ease;overflow:hidden;-webkit-user-select:none;user-select:none}.subCard-title[data-v-ead7af92]{font-size:3vw;line-height:3vw;font-weight:bolder;letter-spacing:-.2vw;padding:0 .5vw}.subCard-simple[data-v-ead7af92]{background-color:#fff;justify-content:center;align-items:center;opacity:1;transform:translateY(0);transition:all .3s ease;height:4vw}.subCard-desc[data-v-ead7af92]{display:flex;flex-direction:row;align-items:center;opacity:0;transform:translateY(10px);transition:all .3s ease;position:absolute;top:0;left:0;width:15vw;height:5vw;padding:1vw;box-sizing:border-box;background-color:#fff}.subCard-desc-icon[data-v-ead7af92]{font-size:3vw}.subCard-desc-content[data-v-ead7af92]{font-size:2vw;padding:0 1vw}.subCard:hover .subCard-simple[data-v-ead7af92]{opacity:0;transform:translateY(-10px)}.subCard:hover .subCard-desc[data-v-ead7af92]{opacity:1;transform:translateY(0)}.subCard[data-v-ead7af92]:hover{overflow:visible}.console-echo-item{display:flex;align-items:center;font-family:Courier New,Courier,monospace;color:#fff;font-size:1.5vw;padding:0 1vw}.main[data-v-e0db57e5]{width:100vw;height:100vh;transition:all 1s ease-in-out;position:relative}.bg[data-v-e0db57e5]{display:flex;position:relative;background-color:#171717;justify-content:center;align-items:center;width:100vw;height:100vh;overflow:hidden;transition:all 1s ease-in-out}.asciibox[data-v-e0db57e5]{font-size:50vw;line-height:80vw;letter-spacing:50vw;font-weight:700;transform:skew(-30deg,-15deg);color:#85b788;font-family:Courier New,Courier,monospace;-webkit-user-select:none;user-select:none;transition:all 2s ease-out}.asciibox[data-v-e0db57e5]::selection{background-color:#fff;color:#171717}.index_num_container[data-v-e0db57e5]{display:none;position:absolute;bottom:2%;left:0%;background-color:#0000000b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3;transition:1s ease-in-out;transform:translate(-100%);opacity:0}.index_num[data-v-e0db57e5]{overflow:hidden;position:relative;font-size:15vw;font-weight:700;margin:0vw 10vw 0vw 2vw;white-space:nowrap;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(-45deg,#0000,#0000 20.58050117%,#fff 0 29.41949883%,#0000 0 70.58050117%,#fff 0 79.41949883%,#0000 0,#0000);background-position:0 0;background-repeat:repeat;background-size:.6vw .6vw;color:#0000;-webkit-user-select:none;user-select:none;font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;line-height:15vw;transition:1s ease-in-out}.skills_container[data-v-e0db57e5]{position:absolute;top:50%;left:50%;width:90vw;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;z-index:4;gap:2vw;transform:translate(-50%,-50%);transition:all 1s ease-in-out;opacity:0}.skills_items[data-v-e0db57e5]{width:30%;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#00000001;padding:2vw;border-radius:1vw;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease-in-out}.skills_items[data-v-e0db57e5]:hover{box-shadow:0 0 1vw #000;transform:translateY(-1vw)}.skills_title[data-v-e0db57e5]{width:100%;height:10%;display:flex;flex-direction:column;justify-content:center}.skills_title_cn[data-v-e0db57e5]{font-size:2vw;line-height:2vw;font-weight:700;letter-spacing:.1vw}.skills_title_en[data-v-e0db57e5]{font-size:1.5vw;line-height:1.5vw;font-weight:700;letter-spacing:-.1vw}.skill[data-v-e0db57e5]{width:100%;height:4vw;display:flex;flex-direction:row;justify-content:center;align-items:center}.skill_icon[data-v-e0db57e5]{width:2vw;height:2vw;display:flex;flex-direction:row;justify-content:center;align-items:center;background-size:cover}.skill_name[data-v-e0db57e5]{width:90%;height:100%;display:flex;flex-direction:row;align-items:center;margin-left:1vw;font-weight:lighter}.skill_progress[data-v-e0db57e5]{width:100%;height:.5vw;display:flex;flex-direction:row;align-items:center}.skill_progress_bar_container[data-v-e0db57e5]{width:80%;height:100%;background-color:#000;border-radius:1vw}.skill_progress_bar[data-v-e0db57e5]{position:relative;height:.6vw;top:50%;transform:translateY(-50%);border-radius:1vw;width:0%;transition:width 1s ease-in-out}.skill_progress_bar[data-v-e0db57e5]:before{content:"";position:absolute;top:50%;right:0;width:.5vw;height:1.5vw;transform:translateY(-50%);background-color:#fff}.skill_progress_percent[data-v-e0db57e5]{width:20%;height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center}.main[data-v-17d0d681]{width:100vw;height:100vh;transition:all 1s ease-in-out;position:relative;transform:translate(10%)}.bg[data-v-17d0d681]{width:100vw;height:100vh;transition:all 1s ease-in-out;background-image:url(/images/project.png);background-size:cover;background-position:center;background-repeat:no-repeat}.container[data-v-17d0d681]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffffff7f;-webkit-backdrop-filter:blur(2vw);backdrop-filter:blur(2vw);width:90vw;height:80vh;border-radius:2vw;overflow:hidden}.carousel[data-v-17d0d681]{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.carousel-content[data-v-17d0d681]{height:85%;display:flex;align-items:center;justify-content:center}.project-display[data-v-17d0d681]{display:flex;width:100%;height:100%;gap:4vw}.project-image[data-v-17d0d681]{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-image img[data-v-17d0d681]{width:100%;height:100%;object-fit:cover}.project-info[data-v-17d0d681]{flex:1;display:flex;flex-direction:column;justify-content:center}.project-info h2[data-v-17d0d681]{font-size:2.5vw;margin-bottom:2vw;color:#333}.project-info p[data-v-17d0d681]{font-size:1.1vw;line-height:1.6vw;color:#666;margin-bottom:3vw;margin-right:5vw}.project-tech[data-v-17d0d681]{display:flex;flex-wrap:wrap;gap:1vw}.tech-tag[data-v-17d0d681]{background:#e3f2fd;color:#1976d2;padding:.5vw 1.6vw;border-radius:2vw;font-size:.9vw;font-weight:500}.carousel-nav[data-v-17d0d681]{height:15%;display:flex;gap:1vw;justify-content:center;align-items:center;background:#f8f9fa}.nav-item[data-v-17d0d681]{width:3vw;height:3vw;border-radius:50%;background:#e9ecef;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-weight:600}.nav-item[data-v-17d0d681]:hover{background:#dee2e6;transform:scale(1.1)}.nav-item.active[data-v-17d0d681]{background:#1976d2;color:#fff;transform:scale(1.1)}.nav-btn[data-v-17d0d681]{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border:none;background:#ffffffe6;border-radius:50%;font-size:1.5vw;cursor:pointer;transition:all .3s ease;box-shadow:0 0 1vw #0000001a}.nav-btn[data-v-17d0d681]:hover{background:#1976d2;color:#fff;box-shadow:0 0 2vw #0003}.nav-btn.prev[data-v-17d0d681]{left:2vw}.nav-btn.next[data-v-17d0d681]{right:2vw}.main[data-v-6a1cb895]{width:100vw;height:100vh;transition:all 1s ease-in-out;position:relative}.bg[data-v-6a1cb895]{transition:all 1s ease-in-out;width:100vw;height:100vh;background-image:url(/images/contact.jpg);background-size:100% 100%;background-position:center center;z-index:0}.signboard[data-v-6a1cb895]{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;width:15vw;z-index:2}.springMovabel[data-v-6a1cb895]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;transform-origin:bottom center;transition:transform .1s ease-out}.signboard.Q[data-v-6a1cb895]{left:2.5vw;bottom:0}.signboard.L[data-v-6a1cb895]{right:2.5vw;bottom:0}.board[data-v-6a1cb895]{width:15vw;height:15vw;background-size:100% 100%;cursor:grab}.board[data-v-6a1cb895]:active{cursor:grabbing}.board.Q[data-v-6a1cb895]{background-image:url(/images/Nishikigi%20Chisato.png)}.board.L[data-v-6a1cb895]{background-image:url(/images/Inoue%20Takina.png)}.top[data-v-6a1cb895]{width:4vw;height:.5vw;background-image:url(/images/base.png);background-size:100% 100%;z-index:1}.base[data-v-6a1cb895]{width:4vw;height:.5vw;background-image:url(/images/base.png);background-size:100% 100%;z-index:1}.spring[data-v-6a1cb895]{width:3vw;height:6vw;background-image:url(/images/spring.png);background-size:100% 100%;z-index:0;transition:height .1s ease-out}.container[data-v-6a1cb895]{position:absolute;padding:2vw;width:60vw;height:80vh;background:#ffffff76;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);bottom:0%;left:50%;transform:translate(-50%);z-index:1}.contact-content[data-v-6a1cb895]{height:100%;display:flex;flex-direction:column}.contact-header[data-v-6a1cb895]{text-align:center;margin-bottom:2vw}.contact-header h1[data-v-6a1cb895]{font-size:2.5vw;color:#333;margin-bottom:.5vw}.contact-header p[data-v-6a1cb895]{color:#666;font-size:1.1vw}.contact-body[data-v-6a1cb895]{display:flex;flex-direction:column;gap:2vw;flex:1}.contact-info h2[data-v-6a1cb895]{font-size:1.5vw;color:#333;margin-bottom:1vw}.contact-info[data-v-6a1cb895]{background:#f8f9fa;padding:1.5vw;border-radius:1vw}.info-item[data-v-6a1cb895]{display:flex;align-items:center;margin-bottom:1vw;padding:.8vw;background:#fff;border-radius:1vw;box-shadow:0 2px 4px #0000001a}.icon[data-v-6a1cb895]{display:flex;align-items:center;justify-content:center;margin-right:1vw;font-size:1.2vw}.icon svg[data-v-6a1cb895],.icon img[data-v-6a1cb895]{height:1.2vw}.social-links[data-v-6a1cb895]{display:flex;gap:1vw;margin-top:1.5vw}.social-link[data-v-6a1cb895]{display:flex;flex-direction:row;padding:.5vw 1vw;background:#e9ecef;border-radius:1vw;text-decoration:none;color:#495057;transition:all .3s ease}.social-link .icon[data-v-6a1cb895]{display:flex;align-items:center;justify-content:center;margin-right:1vw;font-size:1.2vw}.social-link .icon svg[data-v-6a1cb895],.social-link .icon img[data-v-6a1cb895]{height:1.2vw}.social-link[data-v-6a1cb895]:hover{background:#dee2e6;transform:translateY(-.1vw)}.loading[data-v-ef76c2f5]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;position:absolute;top:0;left:0;background-color:#171717;z-index:1000;transition:opacity .3s ease;transform-origin:center center}.loading svg[data-v-ef76c2f5]{width:50px;height:50px;margin-bottom:2rem;overflow:visible;transition:all .3s ease}.loading p[data-v-ef76c2f5]{font-size:1.5rem;font-weight:700;color:#fff}.loading svg circle[data-v-ef76c2f5]{fill:none;stroke:#fff;stroke-width:12;stroke-dasharray:160;stroke-dashoffset:160;transform-origin:center center;animation:circle_rotate-ef76c2f5 3s ease-in infinite}@keyframes circle_rotate-ef76c2f5{0%{transform:rotate(0);stroke-dashoffset:160}to{transform:rotate(360deg);stroke-dashoffset:-160}}.nav-container[data-v-ef76c2f5]{position:absolute;top:0;width:100%;height:5vw;background:linear-gradient(0deg,transparent,rgba(0,0,0,.6),rgba(0,0,0,.8));display:flex;flex-direction:row;justify-content:right;align-items:center;z-index:100}.nav-item[data-v-ef76c2f5]{height:100%;display:flex;flex-direction:row;align-items:center;color:#fff;padding:0 2vw 1vw}.nav-item.logo[data-v-ef76c2f5]{width:55%;justify-content:flex-start;font-size:2vw;font-weight:bolder;transform:skew(-10deg)}.nav-item.selections[data-v-ef76c2f5]{width:30%;gap:2vw;justify-content:flex-start}.nav-item.selections a[data-v-ef76c2f5]{color:#fff;text-decoration:none;transition:all .1s ease-in-out}.nav-item.selections a[data-v-ef76c2f5]:hover{color:#5c95bb}.nav-item.selections a.router-link-active[data-v-ef76c2f5]{color:#3498db}.selection-item[data-v-ef76c2f5]{display:flex;flex-direction:column}.selection-item-content-en[data-v-ef76c2f5]{font-size:1.2vw;line-height:1.2vw;font-weight:700;text-transform:uppercase;letter-spacing:-.1vw}.selection-item-content-zh[data-v-ef76c2f5]{font-size:.8vw;line-height:1vw}.nav-item.buttons[data-v-ef76c2f5]{width:15%;justify-content:center}.view-container[data-v-ef76c2f5]{display:flex;height:100vh;width:100vw;overflow-x:hidden;background-color:#fff}.wrapper[data-v-ef76c2f5]{width:100%;height:100%;display:flex;flex-direction:row;transition:all 1s ease-in-out}.MusicPlayer{width:auto;height:auto;position:fixed;display:flex;flex-direction:row;bottom:5vw;right:0;z-index:100}.MusicBox{width:30vw;height:15vw;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1}.MusicSubBox{width:100%;height:100%;display:flex;flex-direction:column}.MusicBoxTop{width:100%;height:70%;display:flex;flex-direction:row}.MusicInfoLeft,.MusicInfoRight{width:30%;height:100%;display:flex;flex-direction:column;background-color:#fff}.MusicCoverBox{width:40%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:#441010}.MusicCover{width:8vw;height:8vw;border-radius:50%;background-color:#fff}.MusicInfo{width:100%;height:33%;display:flex;flex-direction:row;background-color:#fff;font-size:1vw;padding:0 .5vw}.MusicController{width:100%;height:30%;display:flex;flex-direction:row;background-color:#5d1f1f;border-radius:0 0 0 .5vw}.MusicButton{width:2vw;height:4vw;border-radius:.5vw 0 0 .5vw;background-color:#fff;z-index:1}