@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@500;700&family=Fira+Code:wght@400;600&display=swap";.Vue-Toastification__container{z-index:9999;position:fixed;padding:4px;width:600px;box-sizing:border-box;display:flex;min-height:100%;color:#fff;flex-direction:column;pointer-events:none}@media only screen and (min-width:600px){.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:1em}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{bottom:1em;flex-direction:column-reverse}.Vue-Toastification__container.top-left,.Vue-Toastification__container.bottom-left{left:1em}.Vue-Toastification__container.top-left .Vue-Toastification__toast,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast{margin-right:auto}@supports not (-moz-appearance: none){.Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl{margin-right:unset;margin-left:auto}}.Vue-Toastification__container.top-right,.Vue-Toastification__container.bottom-right{right:1em}.Vue-Toastification__container.top-right .Vue-Toastification__toast,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast{margin-left:auto}@supports not (-moz-appearance: none){.Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl{margin-left:unset;margin-right:auto}}.Vue-Toastification__container.top-center,.Vue-Toastification__container.bottom-center{left:50%;margin-left:-300px}.Vue-Toastification__container.top-center .Vue-Toastification__toast,.Vue-Toastification__container.bottom-center .Vue-Toastification__toast{margin-left:auto;margin-right:auto}}@media only screen and (max-width:600px){.Vue-Toastification__container{width:100vw;padding:0;left:0;margin:0}.Vue-Toastification__container .Vue-Toastification__toast{width:100%}.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:0}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{bottom:0;flex-direction:column-reverse}}.Vue-Toastification__toast{display:inline-flex;position:relative;max-height:800px;min-height:64px;box-sizing:border-box;margin-bottom:1rem;padding:22px 24px;border-radius:8px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;justify-content:space-between;font-family:Lato,Helvetica,Roboto,Arial,sans-serif;max-width:600px;min-width:326px;pointer-events:auto;overflow:hidden;transform:translateZ(0);direction:ltr}.Vue-Toastification__toast--rtl{direction:rtl}.Vue-Toastification__toast--default{background-color:#1976d2;color:#fff}.Vue-Toastification__toast--info{background-color:#2196f3;color:#fff}.Vue-Toastification__toast--success{background-color:#4caf50;color:#fff}.Vue-Toastification__toast--error{background-color:#ff5252;color:#fff}.Vue-Toastification__toast--warning{background-color:#ffc107;color:#fff}@media only screen and (max-width:600px){.Vue-Toastification__toast{border-radius:0;margin-bottom:.5rem}}.Vue-Toastification__toast-body{flex:1;line-height:24px;font-size:16px;word-break:break-word;white-space:pre-wrap}.Vue-Toastification__toast-component-body{flex:1}.Vue-Toastification__toast.disable-transition{animation:none!important}.Vue-Toastification__close-button{font-weight:700;font-size:24px;line-height:24px;background:transparent;outline:none;border:none;padding:0 0 0 10px;cursor:pointer;transition:.3s ease;align-items:center;color:#fff;opacity:.3;transition:visibility 0s,opacity .2s linear}.Vue-Toastification__close-button:hover,.Vue-Toastification__close-button:focus{opacity:1}.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover{opacity:0}.Vue-Toastification__toast--rtl .Vue-Toastification__close-button{padding-left:unset;padding-right:10px}@keyframes scale-x-frames{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Vue-Toastification__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:10000;background-color:#ffffffb3;transform-origin:left;animation:scale-x-frames linear 1 forwards}.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar{right:0;left:unset;transform-origin:right}.Vue-Toastification__icon{margin:auto 18px auto 0;background:transparent;outline:none;border:none;padding:0;transition:.3s ease;align-items:center;width:20px;height:100%}.Vue-Toastification__toast--rtl .Vue-Toastification__icon{margin:auto 0 auto 18px}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes bounceOutRight{40%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(1000px,0,0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Vue-Toastification__bounce-enter-active.top-left,.Vue-Toastification__bounce-enter-active.bottom-left{animation-name:bounceInLeft}.Vue-Toastification__bounce-enter-active.top-right,.Vue-Toastification__bounce-enter-active.bottom-right{animation-name:bounceInRight}.Vue-Toastification__bounce-enter-active.top-center{animation-name:bounceInDown}.Vue-Toastification__bounce-enter-active.bottom-center{animation-name:bounceInUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left{animation-name:bounceOutLeft}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right{animation-name:bounceOutRight}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center{animation-name:bounceOutUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center{animation-name:bounceOutDown}.Vue-Toastification__bounce-leave-active,.Vue-Toastification__bounce-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__bounce-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes fadeOutTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}@keyframes fadeOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-50px);opacity:0}}@keyframes fadeOutBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(50px);opacity:0}}@keyframes fadeOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(50px);opacity:0}}@keyframes fadeInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInTop{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInBottom{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.Vue-Toastification__fade-enter-active.top-left,.Vue-Toastification__fade-enter-active.bottom-left{animation-name:fadeInLeft}.Vue-Toastification__fade-enter-active.top-right,.Vue-Toastification__fade-enter-active.bottom-right{animation-name:fadeInRight}.Vue-Toastification__fade-enter-active.top-center{animation-name:fadeInTop}.Vue-Toastification__fade-enter-active.bottom-center{animation-name:fadeInBottom}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left{animation-name:fadeOutLeft}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right{animation-name:fadeOutRight}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center{animation-name:fadeOutTop}.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center{animation-name:fadeOutBottom}.Vue-Toastification__fade-leave-active,.Vue-Toastification__fade-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__fade-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes slideInBlurredLeft{0%{transform:translate(-1000px) scaleX(2.5) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}to{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredTop{0%{transform:translateY(-1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 0%;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredRight{0%{transform:translate(1000px) scaleX(2.5) scaleY(.2);transform-origin:0% 50%;filter:blur(40px);opacity:0}to{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredBottom{0%{transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideOutBlurredTop{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 0%;filter:blur(0);opacity:1}to{transform:translateY(-1000px) scaleY(2) scaleX(.2);transform-origin:50% 0%;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredBottom{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translateY(1000px) scaleY(2) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredLeft{0%{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translate(-1000px) scaleX(2) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}}@keyframes slideOutBlurredRight{0%{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translate(1000px) scaleX(2) scaleY(.2);transform-origin:0% 50%;filter:blur(40px);opacity:0}}.Vue-Toastification__slideBlurred-enter-active.top-left,.Vue-Toastification__slideBlurred-enter-active.bottom-left{animation-name:slideInBlurredLeft}.Vue-Toastification__slideBlurred-enter-active.top-right,.Vue-Toastification__slideBlurred-enter-active.bottom-right{animation-name:slideInBlurredRight}.Vue-Toastification__slideBlurred-enter-active.top-center{animation-name:slideInBlurredTop}.Vue-Toastification__slideBlurred-enter-active.bottom-center{animation-name:slideInBlurredBottom}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left{animation-name:slideOutBlurredLeft}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right{animation-name:slideOutBlurredRight}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center{animation-name:slideOutBlurredTop}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center{animation-name:slideOutBlurredBottom}.Vue-Toastification__slideBlurred-leave-active,.Vue-Toastification__slideBlurred-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__slideBlurred-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}.three-bg[data-v-f2112791]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.hacker-intro[data-v-0ef802ab]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:9999;display:flex;align-items:center;justify-content:center;overflow:hidden;transform-origin:center center;will-change:transform}.noise-canvas[data-v-0ef802ab]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;opacity:.15;image-rendering:pixelated;z-index:1}.scanlines[data-v-0ef802ab]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#fff0,#fff0 50%,#0000004d 50%,#0000004d);background-size:100% 3px;z-index:10;pointer-events:none}.content-wrapper[data-v-0ef802ab]{position:relative;z-index:20;width:100%;max-width:900px;text-align:center;padding:0 20px;will-change:transform,opacity}.logs-container[data-v-0ef802ab]{position:absolute;top:-150px;left:50%;transform:translate(-50%);font-family:Fira Code,monospace;font-size:.8rem;color:#555;text-align:left;width:320px}.subtitle-container[data-v-0ef802ab]{display:flex;flex-direction:column;align-items:center;gap:16px}.cn-text[data-v-0ef802ab]{font-family:Noto Sans TC,sans-serif;font-size:3.5rem;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.6);margin:0;line-height:1.4;letter-spacing:3px;min-height:1.4em}.en-text[data-v-0ef802ab]{font-family:Fira Code,monospace;font-size:1.1rem;color:#00ff41;margin:0;letter-spacing:1px;text-transform:uppercase;opacity:0;font-weight:500;text-shadow:0 0 5px rgba(0,255,65,.4);min-height:1.2em}@media(max-width:768px){.cn-text[data-v-0ef802ab]{font-size:2rem}.en-text[data-v-0ef802ab]{font-size:.9rem}}.cursor-container[data-v-fd475c6d]{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:99999}.cursor-dot[data-v-fd475c6d]{position:absolute;top:0;left:0;width:6px;height:6px;background-color:var(--link-active, #e0cda9);border-radius:50%;will-change:transform;transition-property:width,height,background-color,opacity;transition-duration:.2s;transition-timing-function:ease-out}.cursor-ring[data-v-fd475c6d]{position:absolute;top:0;left:0;width:32px;height:32px;border:1.5px solid var(--link-active, #e0cda9);border-radius:50%;will-change:transform;transition-property:width,height,background-color,border-color,backdrop-filter;transition-duration:.2s;transition-timing-function:ease-out}.cursor-dot.hover[data-v-fd475c6d]{width:0px;height:0px;opacity:0}.cursor-ring.hover[data-v-fd475c6d]{width:50px;height:50px;background-color:#e0cda926;border-color:transparent;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cursor-ring.click[data-v-fd475c6d]{width:20px;height:20px;background-color:#e0cda966}@media(max-width:768px){.desktop-only[data-v-fd475c6d]{display:none!important}}:root{--milk-tea: #e6ccb2;--milk-tea-dark: #d4b595;--bg-color: #121212;--bg-secondary: #1e1e1e;--text-color: #ffffff;--text-secondary: #a0a0a0;--link-color: #cccccc;--link-active: var(--milk-tea);--nav-bg: rgba(0, 0, 0, .7);--border-color: rgba(255, 255, 255, .1);--btn-bg: rgba(255, 255, 255, .1);--btn-hover: rgba(255, 255, 255, .2);--card-bg: rgba(44, 44, 44, .7);--card-border: rgba(255, 255, 255, .1);--card-shadow: 0 4px 6px rgba(0,0,0,.3);--card-hover-shadow: 0 8px 20px rgba(0,0,0,.4);--gradient-text: linear-gradient(135deg, #ffffff 0%, var(--milk-tea) 100%)}body.theme-dark{--bg-color: #1a1a1a;--bg-secondary: #242424;--text-color: #f0f0f0;--text-secondary: #b3b3b3;--link-color: #bbbbbb;--link-active: var(--milk-tea);--nav-bg: rgba(26, 26, 26, .85);--border-color: rgba(255, 255, 255, .1);--btn-bg: rgba(255, 255, 255, .05);--btn-hover: rgba(255, 255, 255, .15);--card-bg: rgba(30, 30, 30, .8);--card-border: rgba(255, 255, 255, .1);--card-shadow: 0 4px 15px rgba(0, 0, 0, .5);--card-hover-shadow: 0 8px 25px rgba(224, 205, 169, .1);--gradient-text: linear-gradient(135deg, #ffffff 30%, var(--milk-tea) 100%)}body.theme-light{--bg-color: #f5f0e6;--bg-secondary: #ffffff;--taro-purple:#9d8189;--text-color: #4e342e;--text-secondary: #795548;--link-color: #8d6e63;--link-active: #5d4037;--nav-bg: rgba(255, 255, 255, .9);--border-color: rgba(141, 110, 99, .2);--btn-bg: #fdfbf7;--btn-hover: rgba(141, 110, 99, .15);--card-bg: rgba(255, 255, 255, .85);--card-border: rgba(141, 110, 99, .2);--card-shadow: 0 6px 15px rgba(93, 64, 55, .08);--card-hover-shadow: 0 10px 25px rgba(93, 64, 55, .18);--gradient-text: linear-gradient(135deg, #5d4037 0%, #a1887f 100%)}body{margin:0;font-family:Helvetica Neue,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);transition:background-color .5s ease,color .5s ease;overflow-x:hidden}button{font-family:inherit;color:var(--text-color)}a{color:var(--link-color);transition:color .3s ease}a:hover{color:var(--link-active)}@media(min-width:769px){*,*:before,*:after{cursor:none!important}input,textarea,[contenteditable=true],.cm-content,.cm-content *{cursor:text!important}}.back-to-top[data-v-05de9150]{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,var(--milk-tea, #e6ccb2) 0%,var(--milk-tea-dark, #d4b595) 100%);color:#121212;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:1.2rem;box-shadow:0 4px 15px #0000004d;z-index:999;transition:transform .3s ease,box-shadow .3s ease}.back-to-top[data-v-05de9150]:hover{transform:translateY(-5px);box-shadow:0 6px 20px #d4b59580}.fade-enter-active[data-v-05de9150],.fade-leave-active[data-v-05de9150]{transition:opacity .3s,transform .3s}.fade-enter-from[data-v-05de9150],.fade-leave-to[data-v-05de9150]{opacity:0;transform:translateY(20px)}@media(max-width:768px){.back-to-top[data-v-05de9150]{bottom:20px;right:20px;width:45px;height:45px}}.app-wrapper[data-v-cc9bf7ee]{min-height:100vh}header[data-v-cc9bf7ee]{position:fixed;top:0;width:100%;height:80px;box-sizing:border-box;padding:0 40px;background:var(--nav-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:100;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);transition:background .5s,border .5s}.nav-left[data-v-cc9bf7ee]{display:flex;align-items:center;gap:40px}.site-logo[data-v-cc9bf7ee]{height:50px;width:auto;display:block;transition:transform .3s ease}.site-logo[data-v-cc9bf7ee]:hover{transform:scale(1.05) rotate(-3deg)}.nav-links[data-v-cc9bf7ee]{display:flex;gap:50px}.nav-links a[data-v-cc9bf7ee]{color:var(--link-color);text-decoration:none;font-weight:700;font-size:1rem;transition:.3s;padding:8px 0;position:relative}.nav-links a[data-v-cc9bf7ee]:hover,.nav-links a.router-link-active[data-v-cc9bf7ee]{color:var(--link-active)}.nav-links a[data-v-cc9bf7ee]:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:var(--link-active);transition:width .3s}.nav-links a[data-v-cc9bf7ee]:hover:after,.nav-links a.router-link-active[data-v-cc9bf7ee]:after{width:100%}.nav-right[data-v-cc9bf7ee]{display:flex;align-items:center;gap:20px}.theme-btn[data-v-cc9bf7ee]{background:var(--btn-bg);border:1px solid transparent;cursor:pointer;color:var(--text-color);padding:8px 16px;border-radius:20px;transition:.3s;display:flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;white-space:nowrap}body.theme-dark{border:1px solid var(--border-color)}.theme-btn[data-v-cc9bf7ee]:hover{background:var(--btn-hover);transform:translateY(-2px)}.hamburger-btn[data-v-cc9bf7ee]{display:none;background:transparent;border:none;color:var(--text-color);font-size:1.5rem;cursor:pointer;padding:5px;transition:transform .3s}.hamburger-btn[data-v-cc9bf7ee]:hover{transform:scale(1.1);color:var(--link-active)}.mobile-drawer[data-v-cc9bf7ee]{position:fixed;top:80px;left:0;width:100%;height:calc(100vh - 80px);background:var(--nav-bg);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:99;display:flex;justify-content:center;align-items:flex-start;padding-top:40px}.mobile-nav-links[data-v-cc9bf7ee]{display:flex;flex-direction:column;gap:40px;text-align:center}.mobile-nav-links a[data-v-cc9bf7ee]{color:var(--link-color);font-size:1.5rem;font-weight:700;text-decoration:none;letter-spacing:2px;transition:.3s}.mobile-nav-links a[data-v-cc9bf7ee]:hover,.mobile-nav-links a.router-link-active[data-v-cc9bf7ee]{color:var(--link-active);transform:translateY(-3px)}.mobile-menu-enter-active[data-v-cc9bf7ee],.mobile-menu-leave-active[data-v-cc9bf7ee]{transition:opacity .3s ease,transform .3s ease}.mobile-menu-enter-from[data-v-cc9bf7ee],.mobile-menu-leave-to[data-v-cc9bf7ee]{opacity:0;transform:translateY(-20px)}@media(max-width:768px){header[data-v-cc9bf7ee]{padding:0 20px}.desktop-only[data-v-cc9bf7ee]{display:none}.hamburger-btn[data-v-cc9bf7ee]{display:block}}main[data-v-cc9bf7ee]{padding-top:100px;min-height:100vh;overflow-x:hidden}.page-fade-enter-active[data-v-cc9bf7ee],.page-fade-leave-active[data-v-cc9bf7ee]{transition:opacity .3s ease,transform .3s ease}.page-fade-enter-from[data-v-cc9bf7ee]{opacity:0;transform:translateY(15px)}.page-fade-leave-to[data-v-cc9bf7ee]{opacity:0;transform:translateY(-15px)}.intro-container[data-v-a451ca48]{width:100%;height:100vh;position:relative;overflow:hidden;background:transparent;pointer-events:auto}.webgl-canvas[data-v-a451ca48]{width:100%;height:100%;display:block;outline:none}.scroll-hint[data-v-a451ca48]{position:absolute;bottom:50px;left:50%;transform:translate(-50%);color:#d4d4d4;text-align:center;font-weight:700;opacity:.8;animation:bounce-a451ca48 2s infinite;pointer-events:none;z-index:5;text-shadow:0 2px 4px rgba(0,0,0,.5);width:100%}.arrow[data-v-a451ca48]{font-size:1.5rem;margin-top:.5rem}@keyframes bounce-a451ca48{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.chart-container[data-v-12a27f5a]{width:100%;height:100%;display:flex;flex-direction:column;background:var(--card-bg, rgba(44, 44, 44, .7));border:1px solid var(--card-border, rgba(255, 255, 255, .1));border-radius:16px;padding:30px;box-shadow:var(--card-shadow, 0 4px 6px rgba(0,0,0,.3));transition:all .4s ease;box-sizing:border-box}.chart-container[data-v-12a27f5a]:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00f2ff26;border-color:#007bff}h3[data-v-12a27f5a]{margin-top:0;border-bottom:2px solid #007bff;padding-bottom:10px;margin-bottom:20px;display:inline-block;color:var(--text-color);font-size:1.17em}h3 i[data-v-12a27f5a]{margin-right:8px}.echarts-wrapper[data-v-12a27f5a]{width:100%;flex-grow:1;min-height:500px;position:relative;overflow:hidden}.echarts-wrapper[data-v-12a27f5a]:before{content:"";position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(0,242,255,.1) 0%,transparent 70%);border:1px dashed rgba(0,242,255,.3);animation:slow-spin-12a27f5a 20s linear infinite;pointer-events:none;z-index:0}@keyframes slow-spin-12a27f5a{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}[data-v-12a27f5a] div[style*=z-index]{z-index:1!important}.hidden[data-v-12a27f5a]{display:none}.loading-state[data-v-12a27f5a]{flex-grow:1;display:flex;align-items:center;justify-content:center;color:#888;font-family:Fira Code,monospace}@media(max-width:768px){.echarts-wrapper[data-v-12a27f5a]:before{width:160px;height:160px}}.about-section[data-v-1a8ea34c]{background-color:transparent;color:var(--text-color);transition:color .5s ease}.about-layout[data-v-1a8ea34c]{display:flex;flex-direction:column;gap:30px}.info-cards-row[data-v-1a8ea34c]{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:stretch}.about-chart-row[data-v-1a8ea34c]{width:100%;opacity:0;transform:translateY(50px);transition:all .8s ease}.about-chart-row.visible[data-v-1a8ea34c]{opacity:1;transform:translateY(0)}.card[data-v-1a8ea34c]{background-color:var(--card-bg);border:1px solid var(--card-border);color:var(--text-color);box-shadow:var(--card-shadow);padding:30px;border-radius:16px;opacity:0;transform:translateY(50px);transition:all .8s ease,background-color .5s ease,border-color .5s ease,color .5s ease,box-shadow .5s ease;display:flex;flex-direction:column}.card.visible[data-v-1a8ea34c]{opacity:1;transform:translateY(0)}.card[data-v-1a8ea34c]:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow);border-color:var(--link-active)}.card h3[data-v-1a8ea34c]{margin-top:0;border-bottom:2px solid var(--link-active);padding-bottom:10px;margin-bottom:20px;display:inline-block;color:var(--link-active);transition:color .5s ease,border-color .5s ease}.cert-list[data-v-1a8ea34c]{list-style:none;padding:0;margin:0}.cert-list li[data-v-1a8ea34c]{margin-bottom:12px;padding-left:20px;position:relative;line-height:1.5}.cert-list li[data-v-1a8ea34c]:before{content:"✓";color:#007bff;position:absolute;left:0;font-weight:700}.highlight[data-v-1a8ea34c]{color:gold;font-weight:700}body.theme-light{color:#d63384}.section-header[data-v-1a8ea34c]{text-align:center;margin-bottom:50px;opacity:0;transform:translateY(30px);transition:all .8s ease}.section-header.visible[data-v-1a8ea34c]{opacity:1;transform:translateY(0)}h2[data-v-1a8ea34c]{font-size:2.5rem;margin-bottom:10px;color:var(--text-color);transition:color .5s ease}.subtitle[data-v-1a8ea34c]{color:var(--text-secondary);font-size:1.1rem;text-align:center!important;transition:color .5s ease;margin-bottom:33.2px}@media(max-width:960px){.info-cards-row[data-v-1a8ea34c]{grid-template-columns:1fr}}.timeline-section[data-v-9cd09bfa]{padding:80px 20px;background-color:transparent;color:var(--text-color);overflow:hidden;transition:color .5s ease}.section-header[data-v-9cd09bfa]{text-align:center;margin-bottom:70px;opacity:0;transform:translateY(30px);transition:all .8s ease}.section-header.visible[data-v-9cd09bfa]{opacity:1;transform:translateY(0)}.section-header h2[data-v-9cd09bfa]{font-size:2.5rem;font-weight:700;display:inline-flex;align-items:center;gap:15px;color:var(--text-color)}.timeline-container[data-v-9cd09bfa]{max-width:1080px;margin:0 auto;position:relative}.timeline-container[data-v-9cd09bfa]:after{content:"";position:absolute;width:4px;background-color:var(--border-color);top:0;bottom:0;left:50%;transform:translate(-50%);border-radius:2px;transition:background-color .5s ease}.timeline-item[data-v-9cd09bfa]{padding:10px 40px;position:relative;width:50%;box-sizing:border-box;opacity:0;transition:all .8s cubic-bezier(.22,1,.36,1);margin-bottom:40px}.timeline-item[data-v-9cd09bfa]:nth-child(odd){left:0;transform:translateY(100px) translate(-50px)}.timeline-item[data-v-9cd09bfa]:nth-child(2n){left:50%;transform:translateY(100px) translate(50px)}.timeline-item.visible[data-v-9cd09bfa]{opacity:1;transform:translateY(0) translate(0)}.timeline-content[data-v-9cd09bfa]{padding:30px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;box-shadow:var(--card-shadow);position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.timeline-item:nth-child(odd) .timeline-content[data-v-9cd09bfa]{border-left:5px solid var(--link-active)}.timeline-item:nth-child(2n) .timeline-content[data-v-9cd09bfa]{border-right:5px solid var(--link-active)}.timeline-item:hover .timeline-content[data-v-9cd09bfa]{transform:translateY(-10px) scale(1.02);box-shadow:var(--card-hover-shadow);border-color:var(--link-active)}.timeline-content[data-v-9cd09bfa]:before{content:"";position:absolute;top:30px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;transition:all .5s ease}.timeline-item:nth-child(odd) .timeline-content[data-v-9cd09bfa]:before{right:-10px;border-left:10px solid var(--card-bg)}.timeline-item:nth-child(2n) .timeline-content[data-v-9cd09bfa]:before{left:-10px;border-right:10px solid var(--card-bg)}.timeline-icon-dot[data-v-9cd09bfa]{position:absolute;width:50px;height:50px;background:linear-gradient(135deg,#c7b299,#e0cda9);color:#fff;border:4px solid var(--bg-color);border-radius:50%;top:15px;z-index:2;box-shadow:0 0 0 4px var(--border-color);display:flex;align-items:center;justify-content:center;font-size:1.4rem;transition:transform .8s cubic-bezier(.34,1.56,.64,1),background .5s ease,border-color .5s ease}.timeline-item:hover .timeline-icon-dot[data-v-9cd09bfa]{transform:scale(1.2) rotate(360deg);background:linear-gradient(135deg,#f7cd7e,#c7b299);color:#3e2723}.timeline-item:nth-child(odd) .timeline-icon-dot[data-v-9cd09bfa]{right:-65px}.timeline-item:nth-child(2n) .timeline-icon-dot[data-v-9cd09bfa]{left:-65px}.timeline-item .card-header[data-v-9cd09bfa]{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;font-size:.9rem;color:var(--text-secondary);transition:color .5s ease}.time-badge[data-v-9cd09bfa],.company-badge[data-v-9cd09bfa]{display:flex;align-items:center;gap:6px;background:var(--bg-color);border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 10px;border-radius:6px;transition:all .5s ease}.job-title[data-v-9cd09bfa]{margin:0 0 15px;font-size:1.5rem;color:var(--text-color);font-weight:700;transition:color .5s ease}.job-description[data-v-9cd09bfa]{padding:0;margin:0;list-style:none;color:var(--text-color);transition:color .5s ease}.job-description li[data-v-9cd09bfa]{margin-bottom:10px;line-height:1.6;position:relative;display:flex;align-items:flex-start;gap:8px}.list-icon[data-v-9cd09bfa]{margin-top:5px;color:var(--link-active);font-size:.8rem;transition:color .5s ease}@media(max-width:768px){.timeline-container[data-v-9cd09bfa]:after{left:30px}.timeline-item[data-v-9cd09bfa]{width:100%;padding-left:80px;padding-right:20px;margin-bottom:30px;transform:translateY(50px)}.timeline-item[data-v-9cd09bfa]:nth-child(2n){left:0}.timeline-item:nth-child(odd) .timeline-icon-dot[data-v-9cd09bfa],.timeline-item:nth-child(2n) .timeline-icon-dot[data-v-9cd09bfa]{left:5px;right:auto;width:40px;height:40px;font-size:1.1rem}.timeline-item:nth-child(odd) .timeline-content[data-v-9cd09bfa]:before,.timeline-item:nth-child(2n) .timeline-content[data-v-9cd09bfa]:before{left:-10px;right:auto;border-right:10px solid var(--card-bg);border-left:none}.timeline-item:nth-child(odd) .timeline-content[data-v-9cd09bfa],.timeline-item:nth-child(2n) .timeline-content[data-v-9cd09bfa]{border-left:5px solid var(--link-active);border-right:none}}.site-footer[data-v-569c5f2a]{width:100%;padding:30px 20px 20px;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);color:var(--text-secondary);transition:background-color .5s ease,border-color .5s ease,color .5s ease}.footer-container[data-v-569c5f2a]{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:50px;padding-bottom:50px;border-bottom:1px solid var(--border-color);transition:border-color .5s ease}.footer-brand[data-v-569c5f2a]{flex:2;min-width:300px}.footer-logo[data-v-569c5f2a]{font-size:1.8rem;color:var(--link-active);margin-bottom:15px;font-family:monospace;transition:color .5s ease}.footer-brand p[data-v-569c5f2a]{line-height:1.6;font-size:.95rem;max-width:400px}.footer-links[data-v-569c5f2a],.footer-social[data-v-569c5f2a]{flex:1;min-width:150px}.footer-links h4[data-v-569c5f2a],.footer-social h4[data-v-569c5f2a]{color:var(--text-color);font-size:1.1rem;margin-bottom:20px;letter-spacing:1px;transition:color .5s ease}.link-grid[data-v-569c5f2a],.social-links[data-v-569c5f2a]{display:flex;flex-direction:column;gap:12px}.link-grid a[data-v-569c5f2a],.social-links a[data-v-569c5f2a]{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:all .3s ease;display:inline-block;width:fit-content}.link-grid a[data-v-569c5f2a]:hover,.social-links a[data-v-569c5f2a]:hover{color:var(--link-active);transform:translate(5px)}.link-grid a i[data-v-569c5f2a],.social-links a i[data-v-569c5f2a]{margin-right:8px;font-size:1.1rem;width:20px;text-align:center}.footer-bottom[data-v-569c5f2a]{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-top:20px;font-size:.85rem}.build-info[data-v-569c5f2a]{font-family:monospace;color:var(--text-secondary);transition:color .5s ease}@media(max-width:768px){.footer-container[data-v-569c5f2a]{flex-direction:column;gap:40px}.footer-bottom[data-v-569c5f2a]{flex-direction:column;gap:10px;text-align:center}}.page-wrapper[data-v-d24b53b4]{width:100%;position:relative;background-color:var(--bg-color);transition:background-color .5s ease}.scene-wrapper[data-v-d24b53b4]{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:10;transition:opacity .5s ease}.scene-wrapper.background-mode[data-v-d24b53b4]{pointer-events:none}.main-content[data-v-d24b53b4]{position:relative;z-index:20;margin-top:200vh;min-height:100vh;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1.5s ease-in-out,visibility 0s 0s;background-color:var(--bg-color);color:var(--text-color)}.main-content.visible[data-v-d24b53b4]{opacity:1;visibility:visible;pointer-events:auto;transition:opacity 1.5s ease-in-out}.full-section[data-v-d24b53b4]{width:100%;padding:80px 0}.bg-theme-1[data-v-d24b53b4]{background-color:var(--bg-secondary);color:var(--text-color);transition:.5s ease}.bg-theme-2[data-v-d24b53b4]{background-color:var(--bg-color);color:var(--text-color);transition:.5s ease}.container[data-v-d24b53b4]{max-width:1200px;margin:0 auto;padding:0 20px}.content-grid[data-v-d24b53b4]{display:grid;grid-template-columns:1fr;gap:40px}@media(min-width:900px){.content-grid[data-v-d24b53b4]{grid-template-columns:400px 1fr;align-items:start}.sticky-chart[data-v-d24b53b4]{position:sticky;top:20px}}.section-title[data-v-d24b53b4]{font-size:2rem;margin-bottom:30px;display:flex;align-items:center;gap:10px;color:var(--text-color)}.projects-carousel-container[data-v-d24b53b4]{position:relative;width:100%;max-width:1600px;margin:40px auto;padding:0 50px;box-sizing:border-box}.carousel-viewport[data-v-d24b53b4]{overflow:hidden;width:100%;padding:15px 0}.carousel-track[data-v-d24b53b4]{display:flex!important;flex-wrap:nowrap!important;align-items:stretch}.project-card[data-v-d24b53b4]{background:var(--card-bg);border-radius:12px;padding:20px;border:1px solid var(--card-border);color:var(--text-color);box-shadow:var(--card-shadow);box-sizing:border-box;margin:0;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;width:auto;cursor:pointer}body.theme-light .project-card[data-v-d24b53b4]{background:#fff;border-color:#8d6e6326;box-shadow:0 4px 15px #5d40370d}.project-card[data-v-d24b53b4]:hover{transform:translateY(-8px);box-shadow:var(--card-hover-shadow);border-color:var(--link-active)}body.theme-light .project-card[data-v-d24b53b4]:hover{box-shadow:0 15px 35px #5d40371f;border-color:var(--link-active)}.card-header[data-v-d24b53b4]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-header h3[data-v-d24b53b4]{margin:0;font-size:1rem;color:var(--link-active);flex:1;padding-right:15px;word-break:break-all;transition:color .3s ease}.folder-icon[data-v-d24b53b4]{color:var(--link-active);font-size:1.2rem;min-width:24px;text-align:right}.desc[data-v-d24b53b4]{color:var(--text-secondary);margin-bottom:15px;font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex-grow:1;transition:color .3s ease}.tags[data-v-d24b53b4]{display:flex;flex-wrap:wrap;gap:8px}.tech-tag[data-v-d24b53b4]{background:var(--btn-bg);color:var(--text-secondary);border:1px solid var(--border-color);padding:4px 10px;border-radius:20px;font-size:.75rem;transition:all .3s ease}.nav-btn[data-v-d24b53b4]{position:absolute;top:calc(50% - 15px);transform:translateY(-50%);background:var(--btn-bg);border:1px solid var(--border-color);color:var(--text-color);width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:.3s}.nav-btn[data-v-d24b53b4]:hover{background:var(--link-active);color:var(--bg-color);border-color:var(--link-active)}.prev-btn[data-v-d24b53b4]{left:0}.next-btn[data-v-d24b53b4]{right:0}.carousel-dots[data-v-d24b53b4]{display:flex;justify-content:center;gap:12px;margin-top:15px}.dot[data-v-d24b53b4]{width:10px;height:10px;border-radius:50%;background:var(--border-color);cursor:pointer;transition:.3s}.dot.active[data-v-d24b53b4]{background:var(--link-active);transform:scale(1.4)}.feature-container[data-v-d24b53b4]{display:flex;flex-direction:column;gap:100px}.feature-row[data-v-d24b53b4]{display:flex;align-items:center;gap:60px}.feature-row.reverse[data-v-d24b53b4]{flex-direction:row-reverse}.feature-img[data-v-d24b53b4]{flex:1;border-radius:16px;overflow:hidden;box-shadow:var(--card-shadow);border:1px solid var(--border-color);position:relative;min-height:300px}.blog-cover-img[data-v-d24b53b4]{width:100%;height:100%;min-height:300px;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.feature-img:hover .blog-cover-img[data-v-d24b53b4]{transform:scale(1.05)}.blog-cover-img.placeholder[data-v-d24b53b4]{display:flex;align-items:center;justify-content:center;background:var(--card-bg);font-size:5rem;color:var(--link-active)}.feature-text[data-v-d24b53b4]{flex:2}.feature-text h3[data-v-d24b53b4]{font-size:2rem;color:var(--link-active);margin-bottom:20px;font-weight:800;line-height:1.3}.feature-text p[data-v-d24b53b4]{font-size:1.1rem;color:var(--text-color);line-height:1.8;margin-bottom:30px;opacity:.85}.feature-btn[data-v-d24b53b4]{display:inline-flex;align-items:center;gap:10px;padding:12px 28px;background:var(--btn-bg);color:var(--text-color);text-decoration:none;border-radius:30px;border:1px solid var(--border-color);font-weight:700;font-size:1rem;transition:all .3s ease}.feature-btn[data-v-d24b53b4]:hover{background:var(--link-active);color:var(--bg-color);transform:translateY(-3px);box-shadow:0 5px 15px #e0cda966}@media(max-width:900px){.feature-container[data-v-d24b53b4]{gap:70px}.feature-row[data-v-d24b53b4],.feature-row.reverse[data-v-d24b53b4]{flex-direction:column;gap:30px}.feature-img[data-v-d24b53b4]{width:100%}.blog-cover-img[data-v-d24b53b4]{min-height:250px}.feature-text[data-v-d24b53b4]{text-align:center}.feature-btn[data-v-d24b53b4]{margin:0 auto}}.badge[data-v-d24b53b4]{display:inline-block;padding:5px 15px;background:linear-gradient(45deg,#ff007f,#7928ca);color:#fff;border-radius:20px;font-size:.85rem;font-weight:700;margin-bottom:15px;letter-spacing:1px;text-transform:uppercase;box-shadow:0 4px 15px #ff007f66}.feature-img.lab-visual-container[data-v-d24b53b4]{background:transparent!important;border:none!important;box-shadow:none!important;overflow:visible!important;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;position:relative}.morphing-blob[data-v-d24b53b4]{width:280px;height:280px;background:linear-gradient(45deg,#00f2fe,#4facfe);animation:morph-d24b53b4 8s ease-in-out infinite;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;box-shadow:inset 20px 20px 50px #ffffff80,inset -20px -20px 50px #0003,0 0 40px #4facfe99;z-index:2;transition:all .5s ease}.lab-visual-container:hover .morphing-blob[data-v-d24b53b4]{transform:scale(1.05) rotate(10deg);box-shadow:inset 20px 20px 50px #fff9,inset -20px -20px 50px #0000004d,0 0 70px #4facfee6}.morphing-blob-shadow[data-v-d24b53b4]{width:220px;height:25px;background:var(--border-color);border-radius:50%;margin-top:40px;filter:blur(10px);animation:shadowScale-d24b53b4 8s ease-in-out infinite}@keyframes morph-d24b53b4{0%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:translateY(0)}50%{border-radius:30% 60% 70% 40%/50% 60% 30%;transform:translateY(-20px)}to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%;transform:translateY(0)}}@keyframes shadowScale-d24b53b4{0%{transform:scale(1);opacity:.8}50%{transform:scale(.8);opacity:.4}to{transform:scale(1);opacity:.8}}.site-footer[data-v-d24b53b4]{width:100%;padding:80px 20px 20px;background-color:var(--bg-secondary);border-top:1px solid var(--border-color);color:var(--text-secondary);transition:background-color .5s ease}.footer-container[data-v-d24b53b4]{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:50px;padding-bottom:50px;border-bottom:1px solid var(--border-color)}.footer-brand[data-v-d24b53b4]{flex:2;min-width:300px}.footer-logo[data-v-d24b53b4]{font-size:1.8rem;color:var(--link-active);margin-bottom:15px;font-family:monospace}.footer-brand p[data-v-d24b53b4]{line-height:1.6;font-size:.95rem;max-width:400px}.footer-links[data-v-d24b53b4],.footer-social[data-v-d24b53b4]{flex:1;min-width:150px}.footer-links h4[data-v-d24b53b4],.footer-social h4[data-v-d24b53b4]{color:var(--text-color);font-size:1.1rem;margin-bottom:20px;letter-spacing:1px}.link-grid[data-v-d24b53b4],.social-links[data-v-d24b53b4]{display:flex;flex-direction:column;gap:12px}.link-grid a[data-v-d24b53b4],.social-links a[data-v-d24b53b4]{color:var(--text-secondary);text-decoration:none;font-size:.95rem;transition:all .3s ease;display:inline-block;width:fit-content}.link-grid a[data-v-d24b53b4]:hover,.social-links a[data-v-d24b53b4]:hover{color:var(--link-active);transform:translate(5px)}.social-links a i[data-v-d24b53b4]{margin-right:8px;font-size:1.1rem}.footer-bottom[data-v-d24b53b4]{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-top:20px;font-size:.85rem}.build-info[data-v-d24b53b4]{font-family:monospace;color:var(--text-secondary)}@media(max-width:768px){.footer-container[data-v-d24b53b4]{flex-direction:column;gap:40px}.footer-bottom[data-v-d24b53b4]{flex-direction:column;gap:10px;text-align:center}}.tech-marquee-wrapper[data-v-d24b53b4]{width:100%;background-color:var(--bg-secondary);padding:35px 0;overflow:hidden;position:relative;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);transition:background-color .5s ease}.tech-marquee-wrapper[data-v-d24b53b4]:before,.tech-marquee-wrapper[data-v-d24b53b4]:after{content:"";position:absolute;top:0;width:150px;height:100%;z-index:2;pointer-events:none}.tech-marquee-wrapper[data-v-d24b53b4]:before{left:0;background:linear-gradient(to right,var(--bg-secondary) 0%,transparent 100%)}.tech-marquee-wrapper[data-v-d24b53b4]:after{right:0;background:linear-gradient(to left,var(--bg-secondary) 0%,transparent 100%)}.marquee-track[data-v-d24b53b4]{display:flex;width:max-content;animation:marquee-scroll-d24b53b4 45s linear infinite}.marquee-track[data-v-d24b53b4]:hover{animation-play-state:paused}.marquee-item[data-v-d24b53b4]{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:800;color:var(--text-secondary);opacity:.7;margin:0 40px;font-family:Fira Code,monospace;transition:color .3s ease,transform .3s ease,opacity .3s ease;cursor:default}.marquee-item[data-v-d24b53b4]:hover{color:var(--link-active);opacity:1;transform:scale(1.15);text-shadow:0 0 15px rgba(224,205,169,.4)}.marquee-item i[data-v-d24b53b4]{font-size:2.2rem}@keyframes marquee-scroll-d24b53b4{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:768px){.marquee-item[data-v-d24b53b4]{font-size:1.2rem;margin:0 25px}.marquee-item i[data-v-d24b53b4]{font-size:1.8rem}.tech-marquee-wrapper[data-v-d24b53b4]:before,.tech-marquee-wrapper[data-v-d24b53b4]:after{width:60px}}.playground-container{max-width:1200px;margin:0 auto;padding:40px 20px;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1));padding-bottom:20px}.title-group{display:flex;align-items:center;gap:15px}.logo-icon{font-size:3rem;color:var(--milk-tea);filter:drop-shadow(0 0 5px rgba(230,204,178,.3))}.page-header h1{font-size:2.5rem;font-weight:800;color:var(--text-color);margin:0;letter-spacing:1px;line-height:1}.subtitle{font-size:.9rem;color:var(--text-sub);letter-spacing:2px;text-transform:uppercase;margin-top:5px;display:block;text-align:left}.btn-new-pen{background:linear-gradient(135deg,var(--milk-tea) 0%,var(--milk-tea-dark) 100%);color:#121212;border:none;padding:12px 24px;font-size:1rem;font-weight:700;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #e6ccb233}.btn-new-pen:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e6ccb266}.snippets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.snippet-card{background:var(--card-bg);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column;height:400px;cursor:pointer}.snippet-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px var(--shadow-color);border-color:var(--milk-tea)}.card-header{background:#252526;padding:10px 15px;display:flex;align-items:center;border-bottom:1px solid #333}body.theme-light .card-header{background:#fdfbf7;border-bottom:none}.dots{display:flex;gap:6px;margin-right:15px}.dot{width:10px;height:10px;border-radius:50%}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.card-title{font-size:.9rem;color:#ccc;font-family:Fira Code,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.iframe-wrapper{position:relative;height:200px;background:#1e1e1e;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.05)}.iframe-wrapper iframe{width:250%;height:250%;border:none;transform:scale(.4);transform-origin:0 0;pointer-events:none}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;cursor:pointer}.card-info{padding:20px;background:var(--card-bg);flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.card-info p{color:var(--text-sub);font-size:.9rem;margin-bottom:15px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tags{display:flex;gap:8px}.tag{font-size:.75rem;padding:4px 8px;background:#80808033;border-radius:4px;color:var(--text-sub);font-family:Fira Code,monospace;border:1px solid rgba(128,128,128,.3);transition:all .2s ease-in-out}.tag-html:hover{background:#e34c2633!important;color:#e34c26!important;border-color:#e34c26!important;box-shadow:0 0 8px #e34c2666}.tag-css:hover{background:#264de433!important;color:#264de4!important;border-color:#264de4!important;box-shadow:0 0 8px #264de466}.tag-js:hover{background:#f0db4f33!important;color:#f0db4f!important;border-color:#f0db4f!important;box-shadow:0 0 8px #f0db4f66}.loading{text-align:center;font-size:1.5rem;color:var(--text-sub);margin-top:100px}@media(max-width:768px){.page-header{flex-direction:column;align-items:flex-start;gap:20px}.btn-new-pen{width:100%;justify-content:center}.title-group{flex-direction:column;align-items:flex-start;gap:10px}.logo-icon{font-size:2rem}}.blog-container[data-v-5670f996]{max-width:1000px;margin:0 auto;padding:2rem;min-height:80vh}.page-title[data-v-5670f996]{text-align:center;color:var(--text-color);margin-bottom:3rem;font-size:2.5rem}.post-grid[data-v-5670f996]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.post-card[data-v-5670f996]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;overflow:hidden;transition:transform .3s;display:flex;flex-direction:column}.post-card[data-v-5670f996]:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.post-cover[data-v-5670f996]{height:180px;background-size:cover;background-position:center}.post-cover.placeholder[data-v-5670f996]{display:flex;align-items:center;justify-content:center;background:#0003;font-size:3rem;color:var(--link-color)}.post-content[data-v-5670f996]{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}h2[data-v-5670f996]{margin:0 0 1rem;font-size:1.4rem;color:var(--gradient-text);background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.excerpt[data-v-5670f996]{color:var(--link-color);font-size:.95rem;line-height:1.6;flex-grow:1;margin-bottom:1.5rem;word-break:break-all;overflow-wrap:break-word;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.read-more-btn[data-v-5670f996]{align-self:flex-start;color:var(--link-active);text-decoration:none;font-weight:700;display:flex;align-items:center;gap:5px;transition:gap .2s}.read-more-btn[data-v-5670f996]:hover{gap:10px}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.post-detail-container[data-v-8a8ca673]{max-width:800px;margin:0 auto;padding:4rem 2rem;color:var(--text-color);position:relative;z-index:10;min-height:80vh}.loading-state[data-v-8a8ca673],.error-state[data-v-8a8ca673]{text-align:center;font-size:1.5rem;margin-top:50px;color:var(--link-color)}.post-header[data-v-8a8ca673]{margin-bottom:2rem;text-align:center;margin-top:1rem}h1[data-v-8a8ca673]{font-size:2.5rem;margin-bottom:1rem;color:var(--text-color)}.main-cover[data-v-8a8ca673]{width:100%;border-radius:12px;margin-bottom:3rem;box-shadow:0 5px 15px #0000004d}.back-link[data-v-8a8ca673]{position:absolute;top:20px;left:20px;display:inline-flex;align-items:center;gap:5px;color:var(--link-color);text-decoration:none;font-size:.9rem;transition:.3s}.back-link[data-v-8a8ca673]:hover{color:var(--link-active);transform:translate(-5px)}@media(max-width:600px){.back-link[data-v-8a8ca673]{position:static;display:block;margin-bottom:10px}}[data-v-8a8ca673] .content{line-height:1.8;font-size:1.1rem}[data-v-8a8ca673] h1,[data-v-8a8ca673] h2,[data-v-8a8ca673] h3{margin-top:2rem;margin-bottom:1rem;color:var(--link-active)}[data-v-8a8ca673] p{margin-bottom:1.5rem;color:var(--text-color);opacity:.9}[data-v-8a8ca673] code{font-family:Fira Code,monospace}[data-v-8a8ca673] a{color:#58a6ff;text-decoration:none}[data-v-8a8ca673] a:hover{text-decoration:underline}[data-v-8a8ca673] ul,[data-v-8a8ca673] ol{padding-left:1.5rem;margin-bottom:1.5rem}[data-v-8a8ca673] li{margin-bottom:.5rem}[data-v-8a8ca673] blockquote{border-left:4px solid var(--link-active);padding-left:1rem;color:#8b949e;margin:1.5rem 0}[data-v-8a8ca673] img{max-width:100%;border-radius:8px}[data-v-8a8ca673] .code-block-wrapper{position:relative;border-radius:8px;background:#282c34;overflow:hidden;box-shadow:0 4px 15px #0000004d}[data-v-8a8ca673] .code-block-wrapper:before{content:"";position:absolute;top:15px;left:15px;width:12px;height:12px;border-radius:50%;background:#ff5f56;box-shadow:20px 0 #ffbd2e,40px 0 #27c93f;z-index:1}[data-v-8a8ca673] .code-block-wrapper pre{margin:0!important;padding:0 20px 20px!important;background:transparent!important;border-radius:0;overflow-x:auto;line-height:1.6}[data-v-8a8ca673] .code-block-wrapper pre::-webkit-scrollbar{height:8px}[data-v-8a8ca673] .code-block-wrapper code{padding:0!important;margin:0!important;background:transparent!important;display:block}[data-v-8a8ca673] .copy-btn{position:absolute;top:8px;right:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#aaa;height:30px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;font-size:.85rem;font-family:inherit;cursor:pointer;gap:6px;transition:all .2s ease;z-index:2}[data-v-8a8ca673] .copy-btn:hover{background:#ffffff26;color:#fff;border-color:#ffffff4d}[data-v-8a8ca673] .copy-btn.copied{background:var(--milk-tea-dark, #d4b595);color:#121212;border-color:transparent;font-weight:700}.admin-wrapper{display:flex;height:calc(100vh - 80px);overflow:hidden;background-color:var(--nav-bg);position:relative;color:var(--text-color)}.sidebar{width:280px;background:var(--card-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;transition:width .3s ease;flex-shrink:0}.sidebar.closed{width:0;overflow:hidden;border:none}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color)}.sidebar-header h2{margin:0 0 15px;font-size:1.2rem;color:var(--text-color)}.btn-new{width:100%;padding:10px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:700;transition:.2s}.btn-new:hover{background:#0056b3}.post-list{flex-grow:1;overflow-y:auto;padding:10px}.post-item{display:flex;justify-content:space-between;align-items:center;padding:12px;margin-bottom:8px;background:var(--btn-bg);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;border:1px solid transparent;transition:.2s}.post-item:hover{background:var(--btn-hover)}.post-item.active{background:var(--btn-hover);border-color:#007bff;box-shadow:0 0 10px #007bff33}.post-info{display:flex;flex-direction:column;overflow:hidden}.post-title{color:var(--text-color);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-id{color:var(--link-color);font-size:.8rem}.btn-delete{background:transparent;border:none;color:var(--link-color);cursor:pointer;padding:5px;transition:.2s}.btn-delete:hover{color:#ff4d4d}.toggle-sidebar-btn{position:absolute;top:50%;width:20px;height:40px;background:var(--card-bg);border:1px solid var(--border-color);border-left:none;border-radius:0 4px 4px 0;color:var(--text-color);cursor:pointer;z-index:100;transition:left .3s ease}.editor-container{flex:1;display:flex;flex-direction:column;padding:20px;min-width:0;min-height:0;overflow-y:auto;background-color:var(--nav-bg)}.header-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-actions h1{margin:0;font-size:1.5rem;color:var(--text-color);display:flex;align-items:center;gap:10px}.action-buttons{display:flex;gap:10px}.publish-btn{background:#28a745;color:#fff;border:none;padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:8px;transition:.2s}.publish-btn:hover{background:#218838;transform:translateY(-2px)}.publish-btn.update-mode{background:#e0a800}.publish-btn.update-mode:hover{background:#c69500}.logout-btn{background:#dc3545;color:#fff;border:none;padding:10px 15px;border-radius:8px;cursor:pointer;font-weight:700;display:flex;align-items:center;gap:5px;transition:.2s}.logout-btn:hover{background:#c82333;transform:translateY(-2px)}.form-grid{margin-bottom:15px;display:flex;flex-direction:column;gap:15px}.title-input{width:100%;padding:15px;font-size:1.5rem;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:8px;box-sizing:border-box}.upload-group{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.upload-btn{background:var(--btn-bg);color:var(--text-color);padding:8px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;border:1px solid var(--border-color);white-space:nowrap;transition:.2s}.upload-btn:hover{background:var(--btn-hover)}.file-input{display:none}.url-input{width:100%;padding:12px 15px;background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);border-radius:6px;box-sizing:border-box}.image-preview{height:350px;border-radius:4px;overflow:hidden;border:1px solid var(--border-color)}.image-preview img{height:100%}.editor-area{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);gap:20px;flex-shrink:0;height:65vh;min-height:500px;margin-bottom:50px}.editor-area1{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);gap:20px;flex-shrink:0;height:45vh;min-height:500px;margin-bottom:50px}.editor-pane,.preview-pane{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;height:100%;min-height:0}.pane-header{display:flex;justify-content:space-between;align-items:center;background:#0000001a;border-bottom:1px solid var(--border-color);padding:5px 10px}.pane-label{font-size:.85rem;color:var(--link-color);font-weight:700}.toolbar{display:flex;gap:5px}.toolbar button{background:transparent;border:1px solid transparent;color:var(--link-color);cursor:pointer;padding:4px 8px;border-radius:4px;font-size:.85rem;transition:.2s}.toolbar button:hover{background:var(--btn-hover);color:var(--link-active)}.markdown-input{flex:1;background:transparent;border:none;color:var(--text-color);padding:20px;font-family:Fira Code,monospace;font-size:1rem;line-height:1.6;resize:none;outline:none;overflow-y:auto;min-height:0}.content-preview{flex:1;padding:20px;overflow-y:auto;color:var(--text-color);background:var(--card-bg);min-height:0}.admin-tabs{display:flex;padding:10px;gap:10px;border-bottom:1px solid var(--border-color)}.admin-tabs button{flex:1;padding:8px;background:var(--btn-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:.9rem}.admin-tabs button.active{background:var(--link-active);color:var(--bg-color);font-weight:700}.project-editor-wrapper{padding:10px;display:flex;flex-direction:column;gap:30px;align-items:stretch;width:100%;min-height:0}.project-form-card{background:#ffffff08;padding:25px;border-radius:12px;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:20px}.project-form-card .input-group{display:flex;flex-direction:column;gap:8px}.project-form-card label{font-size:.9rem;color:var(--link-active);font-weight:700}.project-form-card input.title-input,.project-form-card textarea.project-desc-input{width:100%;background:var(--card-bg);color:var(--text-color);border:1px solid var(--border-color);border-radius:8px;padding:12px 15px;font-size:1rem;transition:.3s;box-sizing:border-box}.project-form-card textarea.project-desc-input{height:200px;resize:vertical;line-height:1.6}.project-form-card input:focus,.project-form-card textarea:focus{outline:none;border-color:var(--link-active)}.project-preview-section{display:flex;flex-direction:column;gap:15px}.preview-title{font-size:1rem;color:var(--link-active);border-left:4px solid var(--link-active);padding-left:10px;margin:0}.project-card-preview{background:var(--bg-color);padding:30px;border-radius:12px;border:1px solid var(--border-color);display:flex;justify-content:center;align-items:center;overflow:hidden;box-sizing:border-box;transition:background .5s ease}.project-card{background:var(--card-bg);border-radius:12px;padding:20px;border:1px solid var(--card-border);color:var(--text-color);box-shadow:var(--card-shadow);width:100%;transition:all .5s ease}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-header h3{margin:0;font-size:1rem;color:#4dabf7;flex:1;padding-right:15px}.folder-icon{color:var(--link-active);font-size:1.2rem;min-width:24px;text-align:right}.desc{color:var(--text-secondary);margin-bottom:15px;font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{display:inline-block;background:var(--btn-bg);color:var(--text-secondary);border:1px solid var(--border-color);padding:4px 10px;border-radius:20px;font-size:.75rem}@media(max-width:768px){.editor-area{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;margin-bottom:50px;height:60vh;min-height:500px}.editor-area1{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px;margin-bottom:50px;height:40vh;min-height:500px}.sidebar{position:absolute;height:100%;z-index:50}.sidebar.closed{transform:translate(-100%);width:280px}}@media(max-width:1200px){.project-preview-section{order:2}.project-form-card{order:1}}[data-v-66625fed] .content-preview{line-height:1.8}[data-v-66625fed] h1,[data-v-66625fed] h2{border-bottom:1px solid var(--border-color);padding-bottom:.5rem;margin-bottom:1rem;color:var(--link-active)}[data-v-66625fed] pre{background:#282c34;padding:1rem;border-radius:8px;overflow-x:auto;margin:10px 0}[data-v-66625fed] code{font-family:Fira Code,monospace}[data-v-66625fed] img{max-width:100%;border-radius:8px;margin:0;box-shadow:0 4px 15px #0000004d}[data-v-66625fed] blockquote{border-left:4px solid var(--link-active);padding-left:1rem;color:var(--link-color)}[data-v-66625fed] ul,[data-v-66625fed] ol{padding-left:20px}[data-v-66625fed] a{color:#58a6ff;text-decoration:none}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;color:var(--text-color);transition:background .3s ease,color .3s ease}.login-box{width:100%;max-width:400px;padding:3rem 2.5rem;background-color:var(--card-bg);border-radius:16px;border-left:6px solid var(--milk-tea);box-shadow:0 0 25px var(--shadow-color);display:flex;flex-direction:column;gap:1.5rem;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease;align-items:stretch}.login-box:hover{transform:translateY(-5px);box-shadow:0 0 35px var(--shadow-color)}.login-header{text-align:center;margin-bottom:1rem}.login-header i{font-size:3rem;color:var(--milk-tea);margin-bottom:1rem;filter:drop-shadow(0 0 5px var(--milk-tea-dark))}.login-header h2{font-size:1.8rem;font-weight:700;color:var(--text-color);margin:0;letter-spacing:2px}.login-header p{color:var(--text-sub);font-size:.9rem;margin-top:5px}.login-form{display:flex;flex-direction:column;gap:1.2rem;width:100%}.input-group{display:flex;flex-direction:column;gap:.5rem;text-align:left;width:100%}.input-group label{font-size:.9rem;color:var(--milk-tea);font-weight:700;letter-spacing:1px}.input-group input{width:100%;box-sizing:border-box;padding:12px 15px;background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--text-color);font-size:1rem;border-radius:8px;transition:all .3s ease;outline:none}.password-wrapper{position:relative;display:flex;align-items:center;width:100%}.password-wrapper input{width:100%;padding-right:40px}.btn-eye{position:absolute;right:10px;background:transparent;border:none;color:var(--text-sub);cursor:pointer;padding:5px;display:flex;align-items:center;transition:color .2s}.btn-eye:hover{color:var(--milk-tea)}.input-group input::placeholder{color:var(--text-sub);opacity:.7}.input-group input:focus{border-color:var(--milk-tea);filter:brightness(1.1);box-shadow:0 0 8px #e6ccb266}.btn-submit{width:100%;padding:14px;background-color:var(--milk-tea);color:#121212;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:10px;display:flex;justify-content:center;align-items:center;gap:10px}.btn-submit:hover:not(:disabled){background-color:var(--milk-tea-dark);transform:scale(1.02);box-shadow:0 5px 15px #e6ccb266}.btn-submit:disabled{background-color:var(--input-border);color:var(--text-sub);cursor:not-allowed}.error-msg{background-color:#ff6b6b1a;color:#ff6b6b;padding:10px;border-radius:6px;font-size:.9rem;text-align:center;border:1px solid rgba(255,107,107,.3);display:flex;align-items:center;justify-content:center;gap:8px}.editor-container{height:100vh;display:flex;flex-direction:column;background:var(--bg-color);overflow:hidden}.editor-header{height:60px;background:var(--card-bg);border-bottom:1px solid var(--border-color, #333);display:flex;justify-content:space-between;align-items:center;padding:0 20px;flex-shrink:0}.header-left{display:flex;align-items:center;gap:15px;flex:1}.btn-back{background:transparent;border:1px solid var(--border-color, #444);color:var(--text-color);width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-back:hover{background:var(--milk-tea);color:#121212;border-color:var(--milk-tea)}.meta-inputs{display:flex;flex-direction:column;gap:2px;flex:1}.input-title{background:transparent;border:none;color:var(--text-color);font-weight:700;font-size:1.1rem;outline:none;width:100%}.input-desc{background:transparent;border:none;color:var(--text-sub);font-size:.85rem;outline:none;width:100%}.input-desc:focus,.input-title:focus{border-bottom:1px solid var(--milk-tea)}.btn-save{background:linear-gradient(135deg,var(--milk-tea) 0%,var(--milk-tea-dark) 100%);color:#121212;border:none;padding:8px 24px;border-radius:6px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;transition:transform .2s,box-shadow .2s}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #e6ccb266}.btn-save:disabled{opacity:.7;cursor:not-allowed}.workspace{flex:1;display:flex;flex-direction:column;overflow:hidden}.code-panel{height:50%;display:flex;flex-direction:row;background:#1e1e1e;border-bottom:4px solid var(--bg-color)}.editor-section{flex:1;display:flex;flex-direction:column;border-right:1px solid #333;min-width:0}.editor-section:last-child{border-right:none}.section-header{padding:8px 15px;font-size:.8rem;font-weight:700;background:#252526;color:#aaa;flex-shrink:0;transition:background .5s ease}body.theme-light .section-header{background:#fdfbf7}.html-label{border-top:3px solid #e34c26}.css-label{border-top:3px solid #264de4}.js-label{border-top:3px solid #f0db4f}.cm-container{flex:1;overflow:hidden;font-size:14px}.cm-editor{height:100%}.cm-editor.cm-focused{outline:none!important}.cm-gutters{background-color:#282c34!important;border-right:1px solid #333!important}.preview-panel{flex:1;background:#fff;display:flex;flex-direction:column}.preview-header{padding:5px 15px;background:#f0f0f0;color:#333;font-size:.8rem;font-weight:700;border-bottom:1px solid #ccc}iframe{flex-grow:1;width:100%;height:100%;border:none}@media(max-width:768px){.code-panel{flex-direction:column;height:60%}.editor-section{border-right:none;border-bottom:1px solid #333}}.dashboard-page[data-v-e18983d7]{min-height:100vh;padding:80px 20px 60px;display:flex;justify-content:center}.dashboard-wrapper[data-v-e18983d7]{width:100%;max-width:1200px}.mb-4[data-v-e18983d7]{margin-bottom:30px}.header-actions[data-v-e18983d7]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.page-title[data-v-e18983d7]{margin:0;font-size:2rem;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;gap:12px}.back-btn[data-v-e18983d7]{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--btn-bg);color:var(--text-color);text-decoration:none;border-radius:8px;border:1px solid var(--border-color);font-weight:700;transition:all .3s ease}.back-btn[data-v-e18983d7]:hover{background-color:var(--btn-hover);color:var(--link-active);transform:translateY(-2px)}.monitor-card[data-v-e18983d7]{position:relative;background-color:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:16px;padding:20px;overflow:hidden;transition:all .3s ease}.monitor-card[data-v-e18983d7]:hover{box-shadow:var(--card-hover-shadow)}.echarts-box[data-v-e18983d7]{width:100%;height:55vh;min-height:400px}.api-echarts-box[data-v-e18983d7]{height:40vh;min-height:350px}.scan-line[data-v-e18983d7]{position:absolute;top:0;left:0;width:100%;height:3px;background:#00f2ff26;box-shadow:0 0 10px #00f2ff33;animation:scan-e18983d7 6s linear infinite;opacity:.8;pointer-events:none}@keyframes scan-e18983d7{0%{top:-5%}to{top:105%}}.heatmap-card[data-v-e18983d7]{padding:30px}.card-header[data-v-e18983d7]{margin-bottom:10px;text-align:left}.card-header h2[data-v-e18983d7]{margin:0 0 5px;font-size:1.4rem;color:var(--text-color);display:flex;align-items:center;gap:10px}.card-header .subtitle[data-v-e18983d7]{font-size:.9rem;color:#888}.heatmap-scroll-wrapper[data-v-e18983d7]{width:100%;overflow-x:auto;overflow-y:hidden;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:var(--link-active) transparent}.heatmap-scroll-wrapper[data-v-e18983d7]::-webkit-scrollbar{height:6px}.heatmap-scroll-wrapper[data-v-e18983d7]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.heatmap-scroll-wrapper[data-v-e18983d7]::-webkit-scrollbar-thumb{background:var(--link-active);border-radius:4px}.heatmap-box[data-v-e18983d7]{width:100%;min-width:800px;height:250px}@media(max-width:768px){.heatmap-card[data-v-e18983d7]{padding:20px 15px}.card-header[data-v-e18983d7]{overflow-x:auto;scrollbar-width:none}.card-header[data-v-e18983d7]::-webkit-scrollbar{display:none}.card-header h2[data-v-e18983d7]{font-size:1.05rem;white-space:nowrap}.card-header .subtitle[data-v-e18983d7]{font-size:.8rem;white-space:nowrap;display:block}.monitor-card[data-v-e18983d7]{padding:15px}}.projects-page{min-height:100vh;padding:100px 20px 60px;display:flex;justify-content:center}.projects-container{width:100%;max-width:1200px}.page-header{text-align:center;margin-bottom:50px}.page-title{margin:0;font-size:2.5rem;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:inline-flex;align-items:center;gap:15px}.subtitle{color:var(--text-color);opacity:.8;margin-top:10px;font-size:1.1rem}.status-message{text-align:center;font-size:1.2rem;color:var(--text-color);padding:50px 0}.status-message.error{color:#ff4d4f}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;align-items:stretch}.project-card{background-color:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:12px;padding:25px;display:flex;flex-direction:column;transition:all .3s ease;cursor:pointer;width:85%}.project-card:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow);border-color:var(--link-active)}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.folder-icon i{font-size:2rem;color:var(--link-active)}.project-title{font-size:1.4rem;color:var(--text-color);margin:0 0 15px}.project-desc{color:var(--text-color);opacity:.8;font-size:.95rem;line-height:1.6em;height:6.4em;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:break-all}.tech-stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.tech-tag{font-size:.8rem;font-family:monospace;color:var(--link-active);background:#ffffff0d;padding:4px 10px;border-radius:4px;border:1px solid var(--border-color)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;box-sizing:border-box}.modal-content{background-color:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 10px 30px #00000080;border-radius:16px;width:100%;max-width:1000px;max-height:85vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.modal-close-btn{position:absolute;top:25px;right:25px;background:transparent;border:none;color:var(--text-color);font-size:1.8rem;cursor:pointer;opacity:.6;transition:.3s;z-index:10}.modal-close-btn:hover{opacity:1;color:var(--link-active);transform:scale(1.1)}.modal-header{padding:30px 60px 20px 30px;display:flex;flex-direction:row;align-items:center;gap:15px;border-bottom:1px solid var(--border-color)}.modal-header .folder-icon{display:flex;align-items:center}.modal-header .folder-icon i{font-size:2.2rem;color:var(--link-active)}.modal-title{font-size:2rem;color:var(--text-color);margin:0;line-height:1.3}.modal-body{padding:20px 30px;overflow-y:auto;flex-grow:1}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:var(--link-active);border-radius:10px}.modal-footer{padding:20px 30px;border-top:1px solid var(--border-color);background:#0003}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .3s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.modal-fade-enter-active .modal-content,.modal-fade-leave-active .modal-content{transition:transform .3s ease}.modal-fade-enter-from .modal-content,.modal-fade-leave-to .modal-content{transform:scale(.95) translateY(20px)}.project-summary-box{background:#ffffff0d;border-left:4px solid var(--link-active);padding:15px 20px;margin-bottom:25px;border-radius:0 8px 8px 0}.project-summary-box p{margin:0;color:var(--text-color);opacity:.95;font-size:1.05rem;line-height:1.6;white-space:pre-wrap}.content-preview{color:var(--text-color);line-height:1.8;font-size:1.05rem}.content-preview h1,.content-preview h2,.content-preview h3{border-bottom:1px solid var(--border-color);padding-bottom:.5rem;margin-top:1.5rem;margin-bottom:1rem;color:var(--link-active)}.content-preview p{margin-bottom:1rem;opacity:.85}.content-preview pre{background:#282c34;padding:1rem;border-radius:8px;overflow-x:auto;margin:15px 0}.content-preview code{font-family:Fira Code,monospace}.content-preview img{max-width:100%;height:auto;border-radius:8px;margin:15px 0;box-shadow:0 4px 15px #0000004d}.content-preview blockquote{border-left:4px solid var(--link-active);padding-left:1rem;color:var(--text-color);opacity:.8;margin:15px 0;background:#ffffff0d;padding:10px 15px;border-radius:4px}.content-preview ul,.content-preview ol{padding-left:20px;margin-bottom:1rem}.content-preview a{color:#58a6ff;text-decoration:none}.content-preview a:hover{text-decoration:underline}[data-v-fd45f198] .content-preview{color:var(--text-color);line-height:1.8;font-size:1.05rem}[data-v-fd45f198] .content-preview h1,[data-v-fd45f198] .content-preview h2,[data-v-fd45f198] .content-preview h3{border-bottom:1px solid var(--border-color);padding-bottom:.5rem;margin-top:1.5rem;margin-bottom:1rem;color:var(--link-active)}[data-v-fd45f198] .content-preview p{margin-bottom:1rem}[data-v-fd45f198] .content-preview pre{background:#282c34;padding:1rem;border-radius:8px;overflow-x:auto;margin:15px 0}[data-v-fd45f198] .content-preview code{font-family:Fira Code,monospace}[data-v-fd45f198] .content-preview img{max-width:100%;height:auto;border-radius:8px;margin:15px 0;box-shadow:0 4px 15px #0000004d}[data-v-fd45f198] .content-preview blockquote{border-left:4px solid var(--link-active);padding-left:1rem;color:var(--text-color);opacity:.8;margin:15px 0;background:#ffffff0d;padding:10px 15px;border-radius:4px}[data-v-fd45f198] .content-preview ul,[data-v-fd45f198] .content-preview ol{padding-left:20px;margin-bottom:1rem}[data-v-fd45f198] .content-preview a{color:#58a6ff;text-decoration:none}[data-v-fd45f198] .content-preview a:hover{text-decoration:underline}.not-found-container[data-v-40363ed2]{min-height:calc(100vh - 80px);display:flex;justify-content:center;align-items:center;text-align:center;padding:20px}.glitch-wrapper[data-v-40363ed2]{display:flex;flex-direction:column;align-items:center;gap:15px}.glitch[data-v-40363ed2]{font-size:8rem;font-weight:900;font-family:Fira Code,monospace;position:relative;color:var(--text-color);margin:0;letter-spacing:5px}.glitch[data-v-40363ed2]:before,.glitch[data-v-40363ed2]:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-color, #0d1117)}body.theme-light{background:#f5f0e6}.glitch[data-v-40363ed2]:before{left:3px;text-shadow:-2px 0 #ff00c1;clip:rect(44px,450px,56px,0);animation:glitch-anim-40363ed2 3s infinite linear alternate-reverse}.glitch[data-v-40363ed2]:after{left:-3px;text-shadow:-2px 0 #00fff9;clip:rect(44px,450px,56px,0);animation:glitch-anim2-40363ed2 2.5s infinite linear alternate-reverse}.desc[data-v-40363ed2]{font-size:1.5rem;font-family:Fira Code,monospace;color:#ff00c1;margin:0}.sub-desc[data-v-40363ed2]{font-size:1rem;color:#aaa;margin-bottom:20px}body.theme-light{color:#666}.home-btn[data-v-40363ed2]{padding:12px 24px;font-size:1.1rem;font-weight:700;font-family:Fira Code,monospace;color:#121212;background:linear-gradient(135deg,var(--milk-tea, #e6ccb2) 0%,var(--milk-tea-dark, #d4b595) 100%);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px;box-shadow:0 4px 15px #d4b5954d}.home-btn[data-v-40363ed2]:hover{transform:translateY(-3px);box-shadow:0 6px 20px #d4b59599}@keyframes glitch-anim-40363ed2{0%{clip:rect(13px,9999px,8px,0)}20%{clip:rect(4px,9999px,73px,0)}40%{clip:rect(19px,9999px,90px,0)}60%{clip:rect(77px,9999px,49px,0)}80%{clip:rect(91px,9999px,52px,0)}to{clip:rect(10px,9999px,88px,0)}}@keyframes glitch-anim2-40363ed2{0%{clip:rect(65px,9999px,100px,0)}20%{clip:rect(67px,9999px,61px,0)}40%{clip:rect(31px,9999px,92px,0)}60%{clip:rect(55px,9999px,12px,0)}80%{clip:rect(70px,9999px,99px,0)}to{clip:rect(43px,9999px,17px,0)}}