*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;font-family:Noto Sans SC,sans-serif;overflow:hidden}#app{width:100%;height:100%}.center-text{margin:0;font-family:Ubuntu,sans-serif;font-size:5rem;transition:background 1s}.glitch{position:relative;color:#fff;mix-blend-mode:lighten;overflow:hidden;white-space:nowrap}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;top:0;width:100%;background:#0000;clip:rect(0,0,0,0)}.glitch:before{left:-1px;text-shadow:1px 0 #ff3b00}.glitch:after{left:1px;text-shadow:-1px 0 #00a1d6}.glitch:hover:before{text-shadow:4px 0 #ff3b00;animation:glitch-loop-1 .8s infinite ease-in-out alternate-reverse}.glitch:hover:after{text-shadow:-5px 0 #00a1d6;animation:glitch-loop-2 .8s infinite ease-in-out alternate-reverse}.glitch+.header-info:before{top:-1.875rem;content:""}@keyframes glitch-loop-1{0%{clip:rect(36px,9999px,9px,0)}25%{clip:rect(25px,9999px,99px,0)}50%{clip:rect(50px,9999px,102px,0)}75%{clip:rect(30px,9999px,92px,0)}to{clip:rect(91px,9999px,98px,0)}}@keyframes glitch-loop-2{0%{top:-1px;left:1px;clip:rect(65px,9999px,119px,0)}25%{top:-6px;left:4px;clip:rect(79px,9999px,19px,0)}50%{top:-3px;left:2px;clip:rect(68px,9999px,11px,0)}75%{top:0;left:-4px;clip:rect(95px,9999px,53px,0)}to{top:-1px;left:-1px;clip:rect(31px,9999px,149px,0)}}@font-face{font-family:Pacifico;src:url(/Pacifico.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Shift;src:url(/Shift.ttf) format("truetype");font-weight:400;font-style:normal}.container[data-v-1d8f109b]{width:100%;height:100vh;position:relative;overflow:hidden}.startrails-canvas[data-v-1d8f109b]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;background:#000}.gradient-overlay[data-v-1d8f109b]{position:absolute;bottom:0;left:0;width:100%;height:100%;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);z-index:-1;pointer-events:none}.center-content[data-v-1d8f109b]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;width:80%;max-width:700px;z-index:10}.greeting[data-v-1d8f109b]{font-family:Pacifico,cursive;font-size:4rem;line-height:2;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5);animation:fadeInDown-1d8f109b 1s ease forwards}.quote-box[data-v-1d8f109b]{margin-bottom:20px;padding:20px;animation:fadeInUp-1d8f109b 1s ease .5s forwards;opacity:0}.quote-text[data-v-1d8f109b]{display:flex;justify-content:space-between;font-size:20px;line-height:1.6}.quote-content[data-v-1d8f109b]{flex:1;margin:20px;direction:rtl;font-family:Shift,sans-serif}.social-links[data-v-1d8f109b]{margin-bottom:20px;display:flex;justify-content:center;gap:16px;padding:10px;animation:fadeInUp-1d8f109b 1s ease .8s forwards;opacity:0}.social-icon[data-v-1d8f109b]{display:flex;align-items:center;justify-content:center;width:42px;height:42px;min-width:42px;min-height:42px;border-radius:50%;color:#fff;font-size:1.2rem;text-decoration:none;transition:transform .3s,box-shadow .3s;flex-shrink:0}.social-icon[data-v-1d8f109b]:hover{transform:scale(1.15) translateY(-3px);box-shadow:0 4px 15px #0000004d}.icon-qq[data-v-1d8f109b]{background:#12b7f5}.icon-wechat[data-v-1d8f109b]{background:#07c160}.icon-bilibili[data-v-1d8f109b]{background:#fb7299}.icon-wechat-video[data-v-1d8f109b]{background:#ff9908}.icon-douyin[data-v-1d8f109b]{background:#1f1f1f}.icon-github[data-v-1d8f109b]{background:#24292f}.icon-gitee[data-v-1d8f109b]{background:#c71d23}.works-section[data-v-1d8f109b]{margin-bottom:20px;position:relative;width:100%;animation:fadeInUp-1d8f109b 1s ease 1.1s forwards;opacity:0}.carousel[data-v-1d8f109b]{position:relative;width:100%;height:180px;perspective:800px}.work-card[data-v-1d8f109b]{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:center;padding:20px 24px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);text-decoration:none;color:#fff;min-width:160px;transition:all .6s cubic-bezier(.25,.46,.45,.94);pointer-events:none}.work-card[data-v-1d8f109b]:hover{background:#ffffff1a;border-color:#fff3}.card-center[data-v-1d8f109b]{transform:translate(-50%,-50%) scale(1);opacity:1;z-index:3;pointer-events:auto}.card-left[data-v-1d8f109b]{transform:translate(calc(-50% - 180px),-50%) scale(.85);opacity:.5;z-index:2;filter:blur(1px)}.card-right[data-v-1d8f109b]{transform:translate(calc(-50% + 180px),-50%) scale(.85);opacity:.5;z-index:2;filter:blur(1px)}.card-hidden[data-v-1d8f109b]{transform:translate(-50%,-50%) scale(.6);opacity:0;z-index:1}.work-icon[data-v-1d8f109b]{margin-bottom:10px;display:flex;align-items:center;justify-content:center}.work-title[data-v-1d8f109b]{font-family:Pacifico,cursive;font-size:1.1rem;margin:0 0 6px;text-shadow:1px 1px 3px rgba(0,0,0,.4)}.work-desc[data-v-1d8f109b]{font-family:Shift,sans-serif;font-size:.8rem;margin:0;opacity:.7;white-space:nowrap}@keyframes fadeInDown-1d8f109b{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp-1d8f109b{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.footer[data-v-1d8f109b]{position:absolute;bottom:0;color:#fff;width:100%;text-align:center;line-height:2;font-size:14px;z-index:0;padding:10px;opacity:0;animation:fadeInUp-1d8f109b 1s ease 1s forwards}@media(max-width:768px){.greeting[data-v-1d8f109b]{font-size:3rem}.mob-br[data-v-1d8f109b]{display:block}.social-links[data-v-1d8f109b]{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;justify-content:flex-start;padding:10px;scroll-snap-type:x mandatory;scroll-padding-left:calc(50% - 21px);scrollbar-width:none;-ms-overflow-style:none}.social-links[data-v-1d8f109b]::-webkit-scrollbar{display:none}.social-icon[data-v-1d8f109b]{scroll-snap-align:center}.card-left[data-v-1d8f109b]{transform:translate(calc(-50% - 120px),-50%) scale(.8)}.card-right[data-v-1d8f109b]{transform:translate(calc(-50% + 120px),-50%) scale(.8)}}@media(min-width:769px){.mob-br[data-v-1d8f109b]{display:none}}