@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@100;400;700&family=Space+Grotesk:wght@300;500;700&family=Noto+Sans+SC:wght@300;500;700&display=swap);body,html{background-color:#050505}:root{--color-text-dim:#666;--sidebar-width:360px}body{margin:0;padding:0;background-color:var(--color-bg)}#app-layout{font-family:JetBrains Mono,Noto Sans SC,monospace;color:var(--color-text-main);width:100vw;height:100vh;overflow:hidden;position:relative;display:flex;flex-direction:column}#pixi-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.loader-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--color-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;text-align:center}.loader-text-zh{writing-mode:horizontal-tb;font-size:24px;font-weight:700;letter-spacing:.5em;margin-bottom:10px;color:#fff;text-shadow:0 0 10px rgba(97,177,214,.5)}.loader-text-en{font-size:12px;letter-spacing:.3em;color:hsla(0,0%,100%,.6)}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);background:hsla(0,0%,4%,.75);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border-tech);z-index:90;transform:translateX(-100%);transition:transform .4s ease-in-out;display:flex;flex-direction:column;justify-content:center;padding-left:60px}.sidebar.open{transform:translateX(0)}.sidebar-line{position:absolute;left:40px;top:0;bottom:0;width:1px;background:var(--border-tech)}.sidebar-item{font-size:1.3rem;margin-bottom:3rem;cursor:pointer;color:#888;transition:all .3s;position:relative;display:flex;align-items:center;text-decoration:none}.sidebar-item:hover{color:#fff;padding-left:5px}.sidebar-item:before{content:"";position:absolute;left:-15px;width:2px;height:0;background:var(--color-accent);transition:all .3s}.sidebar-item:hover:before{height:100%}.sidebar-item.router-link-active{color:#fff;padding-left:5px}.sidebar-item.router-link-active:before{height:100%;background:var(--color-accent)}.sidebar-sub{font-size:.9rem;margin-left:10px;font-family:monospace;opacity:.3}.menu-trigger{position:fixed;top:40px;left:40px;z-index:100;font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:.1em;font-size:1.4rem;cursor:pointer;color:var(--color-text-main);transition:all .3s ease;display:flex;align-items:center;gap:12px;opacity:.8}.menu-trigger:before{content:"";display:block;width:7px;height:7px;background:#fff;border-radius:50%;transition:all .3s}.menu-trigger:hover{opacity:1;color:var(--color-accent)}.menu-trigger:hover:before{background:var(--color-accent);box-shadow:0 0 10px var(--color-accent)}#main-stage{flex:1;position:relative;overflow:hidden}#main-stage,.timeline-bar{display:flex;align-items:center;justify-content:center}.timeline-bar{position:absolute;right:0;top:0;bottom:0;width:120px;flex-direction:column;z-index:20}.timeline-line{width:1px;height:70%;background:var(--border-tech);position:absolute;right:50px}.nav-node{position:relative;margin:1.8rem 0;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;width:100%;padding-right:47px}.nav-node-circle{width:7px;height:7px;background:#111;border:1px solid #444;border-radius:50%;transition:all .3s ease;z-index:2}.nav-label{position:absolute;right:72px;text-align:right;opacity:0;transform:translateX(20px);transition:all .3s cubic-bezier(.16,1,.3,1);pointer-events:none}.nav-label .zh{display:block;font-size:1.1rem;color:#fff;font-weight:500}.nav-label .en{display:block;font-size:.6rem;color:var(--color-accent);letter-spacing:.1em;text-transform:uppercase}.nav-node:hover .nav-node-circle{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 8px var(--color-accent)}.nav-node:hover .nav-label{opacity:1;transform:translateX(0)}.nav-node.active{padding-right:44px}.nav-node.active .nav-node-circle{width:12px;height:12px;background:#000;border:2px solid var(--color-accent);box-shadow:0 0 10px rgba(97,177,214,.4)}.nav-node.active .nav-label{opacity:1;transform:translateX(0)}.content-card{box-sizing:border-box;background:hsla(0,0%,4%,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid var(--border-tech);padding:3rem;max-width:600px;width:100%;position:relative;z-index:10;transition:border-color .3s;overflow:visible}.content-card:hover{border-color:hsla(0,0%,100%,.3)}.content-card.is-contact{background:transparent;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.content-card.is-contact .card-header,.content-card.is-contact .corner{opacity:0;visibility:hidden}.clipper-box{overflow:hidden;height:auto;position:relative;will-change:height}.corner{position:absolute;width:8px;height:8px;border-color:#fff;border-style:solid;opacity:.3;transition:all .3s}.tl{left:-1px;border-width:1px 0 0 1px}.tl,.tr{top:-1px}.tr{right:-1px;border-width:1px 1px 0 0}.bl{left:-1px;border-width:0 0 1px 1px}.bl,.br{bottom:-1px}.br{right:-1px;border-width:0 1px 1px 0}.content-card:hover .corner{width:15px;height:15px;opacity:1;border-color:var(--color-accent)}.status-row{display:flex;align-items:center;gap:8px;margin-bottom:16px;opacity:.5}.status-dot{width:6px;height:6px;background:#999;border-radius:50%;animation:pulse 2s infinite}.status-text{font-size:.7rem;letter-spacing:.2em;font-weight:700}@keyframes pulse{0%{opacity:.3}50%{opacity:1}to{opacity:.3}}.glitch-title{font-family:Space Grotesk,sans-serif;font-size:3rem;margin:0 0 1rem 0;line-height:.9;color:#fff}.bottom-bar{height:80px;display:flex;justify-content:center;align-items:center;z-index:10;pointer-events:none}.projects-container[data-v-10afaaa8]{margin-top:20px}.project-item[data-v-10afaaa8]{margin-bottom:10px}a[data-v-10afaaa8]{color:#61b1d6;text-decoration:none;font-size:1.1em}a[data-v-10afaaa8]:hover{text-decoration:underline}.links-container[data-v-1ef0252b]{margin-top:20px}.link-item[data-v-1ef0252b]{margin-bottom:10px}a[data-v-1ef0252b]{color:#61b1d6;text-decoration:none;font-size:1.1em}a[data-v-1ef0252b]:hover{text-decoration:underline}:root{--color-bg:#050505;--color-text-main:#e6e6e6;--color-text-dim:#888;--color-accent:#61b1d6;--border-tech:hsla(0,0%,100%,.15);--ui-margin:60px;--sidebar-width:400px;--dot-size:10px;--line-width:1px;--element-offset:calc(var(--ui-margin) - var(--dot-size)/2)}body,html{background-color:var(--color-bg);color:var(--color-text-main);font-family:Space Grotesk,Noto Sans SC,monospace;overflow:hidden;margin:0;padding:0;width:100vw;height:100vh}canvas{display:block}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}