.content[data-v-259f2313]{width:100%;height:100vh;position:relative;background:transparent;background-size:cover;background-position:center;background-repeat:no-repeat}#snakeCanvas[data-v-259f2313]{background:var(--site-bg)}#card .card-inner[data-v-259f2313]{padding:38px 36px 0;border:1px solid var(--site-border);border-radius:4px 22px;background:linear-gradient(145deg,#13182dd1,#090c19c2);box-shadow:var(--site-shadow);backdrop-filter:blur(14px)}#card .card-inner header img[data-v-259f2313]{border-color:#6ee7ffb3;box-shadow:0 0 24px #6c7dff38}#card .card-inner ul li a[data-v-259f2313]:hover{color:var(--site-cyan)}.content-main[data-v-259f2313]{position:absolute;inset:0;z-index:2;background:transparent}#card[data-v-259f2313]{position:relative;width:100vw;height:100vh;color:#93979e;display:flex;justify-content:center;align-items:center;text-align:center;transition:width ease .5s,height ease .5s;.card-inner[data-v-259f2313]{padding:0;border:0;width:35%;@media screen and (max-width:1024px){width:45%}@media screen and (max-width:768px){width:50%}@media screen and (max-width:540px){width:60%!important;header[data-v-259f2313]{h1[data-v-259f2313]{font-size:1rem!important}h2[data-v-259f2313]{font-size:.8rem!important}}ul[data-v-259f2313]{li[data-v-259f2313]{font-size:.8rem!important}}}@media screen and (max-width:480px){width:90%!important}@media screen and (max-width:360px){width:100%!important}header[data-v-259f2313]{margin-bottom:40px;img[data-v-259f2313]{border:3px solid #fff;border-radius:50%;box-shadow:0 0 1px 1px #0000004d;transition:.4s ease-in-out;z-index:2;position:relative}h1[data-v-259f2313]{margin:15px 15px 0;color:#fff;font-size:2rem;line-height:1.2em;font-weight:300;z-index:2;position:relative}h2[data-v-259f2313]{color:#ccc;letter-spacing:3px;font-size:.8rem;font-weight:lighter;z-index:2;position:relative;margin:15px;min-height:1.2em}}ul[data-v-259f2313]{position:relative;margin:0;list-style-type:none;display:inline-flex;width:100%;justify-content:space-around;padding-bottom:40px;li[data-v-259f2313]{z-index:2;position:relative;display:inline-block;transition:all .2s;width:100%;height:100%;a[data-v-259f2313]{color:#b6b6b6;transition:all .2s;&[data-v-259f2313]:hover{color:#f6f6f6;text-shadow:0 0 2px #f6f6f6}}}}}}.grid-background[data-v-259f2313]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.background-canvas[data-v-259f2313]{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;pointer-events:none}.projects-page[data-v-e6c3d38b]{min-height:100vh;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 35%,#151b31 0%,var(--site-bg) 58%,var(--site-bg-deep) 100%)}#projectBackgroundCanvas[data-v-e6c3d38b]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:var(--site-bg)}.timeline-container[data-v-e6c3d38b]{width:100%;max-width:1200px;display:flex;flex-direction:column;align-items:center;gap:18px;position:relative;z-index:1;padding-top:48px}.section-heading[data-v-e6c3d38b]{width:88%;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:0 0 18px;text-align:left;border-bottom:1px solid rgba(128,153,255,.2)}.section-heading h2[data-v-e6c3d38b]{margin:7px 0;display:flex;align-items:center;gap:11px;font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:.03em}.section-heading h2>span[data-v-e6c3d38b]{width:8px;height:8px;border-radius:50%;background:var(--site-cyan);box-shadow:0 0 13px var(--site-cyan)}.section-heading p[data-v-e6c3d38b]{margin:0;color:var(--site-text-secondary);font-size:.86rem}.section-eyebrow[data-v-e6c3d38b]{color:#8ea1ff;font-size:.72rem;letter-spacing:.2em;font-family:monospace}.project-summary[data-v-e6c3d38b]{display:flex;align-items:center;gap:10px;flex:none;color:var(--site-text-muted);font-family:monospace}.project-summary strong[data-v-e6c3d38b]{color:var(--site-text);font-size:2rem;font-weight:300;line-height:1}.project-summary span[data-v-e6c3d38b]{padding-left:10px;border-left:1px solid var(--site-border-strong);font-size:.6rem;line-height:1.45;letter-spacing:.12em}.timeline-track[data-v-e6c3d38b]{position:relative;width:84%;height:60px;display:flex;align-items:center}.timeline-line[data-v-e6c3d38b]{position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,#6c7dff1f,#6ee7ff61 50%,#6c7dff1f);transform:translateY(-50%)}.timeline-node[data-v-e6c3d38b]{position:absolute;display:flex;flex-direction:column;align-items:center;cursor:pointer;transform:translate(-50%);transition:all .3s ease;z-index:2;padding:0;border:0;background:transparent;color:inherit}.node-dot[data-v-e6c3d38b]{width:16px;height:16px;border-radius:50%;background:var(--site-bg);border:2px solid rgba(128,153,255,.58);transition:all .3s ease}.timeline-node:hover .node-dot[data-v-e6c3d38b],.timeline-node.active .node-dot[data-v-e6c3d38b]{background:var(--site-primary);border-color:var(--site-cyan);transform:scale(1.3);box-shadow:0 0 20px #6ee7ff6b}.node-label[data-v-e6c3d38b]{margin-top:8px;font-size:.7rem;color:#fff9;transition:all .3s ease;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis;text-align:center}.timeline-node:hover .node-label[data-v-e6c3d38b],.timeline-node.active .node-label[data-v-e6c3d38b]{color:#fff;font-weight:500}.projects-showcase[data-v-e6c3d38b]{width:100%;min-height:350px;display:flex;justify-content:center;align-items:center;perspective:1000px}.cards-wrapper[data-v-e6c3d38b]{position:relative;width:100%;height:350px;display:flex;justify-content:center;align-items:center}.project-card[data-v-e6c3d38b]{position:absolute;width:320px;height:340px;border-radius:20px;overflow:hidden;background:#ffffff0d;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);transition:all .5s cubic-bezier(.4,0,.2,1);opacity:0;transform:scale(.8) rotateY(45deg);pointer-events:none}.project-card.visible[data-v-e6c3d38b]{opacity:.45;pointer-events:auto}.project-card.previous[data-v-e6c3d38b]{transform:translate(-78%) scale(.82) rotateY(16deg)}.project-card.next[data-v-e6c3d38b]{transform:translate(78%) scale(.82) rotateY(-16deg)}.project-card.active[data-v-e6c3d38b]{opacity:1;transform:scale(1) rotateY(0);z-index:10;box-shadow:0 25px 50px #0000004d}.card-image-wrapper[data-v-e6c3d38b]{position:relative;width:100%;height:100%}.card-image[data-v-e6c3d38b]{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card.active:hover .card-image[data-v-e6c3d38b]{transform:scale(1.05)}.card-overlay[data-v-e6c3d38b]{position:absolute;bottom:0;left:0;right:0;height:70%;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 50%,transparent 100%);display:flex;align-items:flex-end;padding:20px;opacity:0;transition:opacity .3s ease}.project-card.active .card-overlay[data-v-e6c3d38b]{opacity:1}.card-content[data-v-e6c3d38b]{width:100%;transform:translateY(0);transition:transform .3s ease}.project-card.active:hover .card-content[data-v-e6c3d38b]{transform:translateY(0)}.card-title[data-v-e6c3d38b]{font-size:1.25rem;font-weight:600;margin-bottom:8px;color:#fff}.card-description[data-v-e6c3d38b]{font-size:.875rem;color:#ffffffb3;line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tags[data-v-e6c3d38b]{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:15px}.tag[data-v-e6c3d38b]{padding:4px 10px;background:#4361ee33;border:1px solid rgba(67,97,238,.3);border-radius:12px;font-size:.7rem;color:#a8edea}.card-actions[data-v-e6c3d38b]{display:flex;gap:10px}.action-btn[data-v-e6c3d38b]{padding:8px 16px;border-radius:20px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;text-align:center}.action-btn.primary[data-v-e6c3d38b]{background:linear-gradient(135deg,#4361ee,#3a0ca3);color:#fff;border:none}.action-btn.primary[data-v-e6c3d38b]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4361ee66}.action-btn.secondary[data-v-e6c3d38b]{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.3)}.action-btn.secondary[data-v-e6c3d38b]:hover{background:#ffffff1a;border-color:#ffffff80}.timeline-nav[data-v-e6c3d38b]{display:flex;align-items:center;gap:20px;width:80%;max-width:600px}.nav-btn[data-v-e6c3d38b]{width:44px;height:44px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.nav-btn[data-v-e6c3d38b]:hover:not(:disabled){background:#4361ee4d;border-color:#4361ee}.nav-btn[data-v-e6c3d38b]:disabled{opacity:.3;cursor:not-allowed}.progress-bar[data-v-e6c3d38b]{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.project-counter[data-v-e6c3d38b]{min-width:42px;color:#ffffffa6;font-size:.8rem;text-align:center}.progress-fill[data-v-e6c3d38b]{height:100%;background:linear-gradient(90deg,#4361ee,#a8edea);border-radius:2px;transition:width .3s ease}@media(max-width:768px){.timeline-container[data-v-e6c3d38b]{padding-top:56px}.section-heading[data-v-e6c3d38b]{width:94%}.timeline-track[data-v-e6c3d38b]{width:95%}.project-card[data-v-e6c3d38b]{width:280px;height:340px}.project-card.previous[data-v-e6c3d38b]{transform:translate(-58%) scale(.78)}.project-card.next[data-v-e6c3d38b]{transform:translate(58%) scale(.78)}.card-overlay[data-v-e6c3d38b]{height:75%}.timeline-nav[data-v-e6c3d38b]{width:95%}}@media(max-width:576px){.section-heading[data-v-e6c3d38b]{align-items:flex-start;padding-bottom:14px}.project-summary[data-v-e6c3d38b]{display:none}.section-heading p[data-v-e6c3d38b]{max-width:280px;line-height:1.5}.timeline-track[data-v-e6c3d38b]{display:none}.project-card[data-v-e6c3d38b]{width:260px;height:320px}.project-card.previous[data-v-e6c3d38b],.project-card.next[data-v-e6c3d38b]{opacity:0;pointer-events:none}.card-title[data-v-e6c3d38b]{font-size:1.1rem}.card-actions[data-v-e6c3d38b]{flex-direction:column}.action-btn[data-v-e6c3d38b]{width:100%;text-align:center}}*[data-v-0bf7752b]{margin:0;padding:0;box-sizing:border-box}body[data-v-0bf7752b],html[data-v-0bf7752b]{height:auto;min-height:100vh;font-family:Inter,sans-serif;color:#fff}.main-wrapper[data-v-0bf7752b]{position:relative;min-height:100vh;width:100%;overflow:hidden;background:var(--site-bg-deep)}.background-canvas[data-v-0bf7752b]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.content-overlay[data-v-0bf7752b]{position:relative;z-index:2;min-height:100vh;width:100%;pointer-events:none}.container[data-v-0bf7752b]{max-width:1200px;margin:0 auto;padding:0 20px;height:100%}.hero-section[data-v-0bf7752b]{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;pointer-events:none}.hero-content[data-v-0bf7752b]{text-align:center;padding:20px;pointer-events:none}.site-title[data-v-0bf7752b]{font-size:clamp(2rem,12vw,8rem);font-weight:100;margin-bottom:40px;color:#fff;animation:fadeIn-0bf7752b 1.5s ease-in-out;transition:font-size .5s ease,transform .5s ease,margin .5s ease}.site-subtitle.spotlight-text[data-v-0bf7752b]{font-size:clamp(.5rem,3vw,2rem);color:#ffffff4d;position:relative;display:inline-block;overflow:hidden;letter-spacing:2px;font-weight:200;background:linear-gradient(90deg,#fff0,#fffc,#fff0);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;opacity:0;transform:translateY(20px);animation:fadeIn-0bf7752b 1.5s ease-in-out forwards,spotlight-0bf7752b 5s infinite linear;animation-delay:.3s,0s;transition:font-size .5s ease,transform .5s ease,margin .5s ease;pointer-events:none}@keyframes spotlight-0bf7752b{0%{background-position:-200% 0}to{background-position:200% 0}}.scroll-down[data-v-0bf7752b]{position:absolute;bottom:50px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;cursor:pointer;animation:bounce-0bf7752b 2s infinite;pointer-events:auto;z-index:3}.scroll-down .ivu-icon[data-v-0bf7752b]{pointer-events:auto;font-size:24px;color:#ffffffb3}@keyframes fadeIn-0bf7752b{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce-0bf7752b{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}canvas[data-v-0bf7752b]{width:100%;height:100%;display:block}.dg[data-v-0bf7752b]{display:none!important}.scroll-container{height:100vh;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none;background:var(--site-bg)}.scroll-container::-webkit-scrollbar{display:none}.page{height:100vh;position:relative;overflow:hidden;background:var(--site-bg)}.home-chrome{position:fixed;z-index:500;top:0;left:0;right:0;height:68px;padding:0 clamp(18px,4vw,54px);display:flex;align-items:center;justify-content:space-between;pointer-events:none;background:linear-gradient(to bottom,rgba(5,6,13,.78),transparent)}.home-brand,.screen-nav button{pointer-events:auto;color:var(--site-text-muted);border:0;background:transparent;cursor:pointer;font-family:monospace;letter-spacing:.12em}.home-brand{color:var(--site-text);font-weight:700}.home-brand span{margin-left:6px;color:var(--site-primary);font-size:.68rem}.screen-nav{display:flex;gap:clamp(10px,2.5vw,32px)}.screen-nav button{padding:12px 2px;font-size:.68rem;transition:color var(--site-transition)}.screen-nav button span{margin-right:6px;color:var(--site-primary)}.screen-nav button.active{color:var(--site-text)}.home-vignette{position:fixed;z-index:450;inset:0;pointer-events:none;box-shadow:inset 0 0 120px #00000047;border:1px solid rgba(128,153,255,.06)}@media(max-width:620px){.home-chrome{height:56px}.screen-nav button{font-size:0}.screen-nav button span{margin:0;font-size:.66rem}}.route-fade-enter-active,.route-fade-leave-active{transition:opacity .18s ease,transform .18s ease}.route-fade-enter-from{opacity:0;transform:translateY(5px)}.route-fade-leave-to{opacity:0;transform:translateY(-3px)}:root{color-scheme:dark;--site-bg: #070912;--site-bg-deep: #05060d;--site-surface: rgba(18, 21, 36, .9);--site-surface-strong: #121524;--site-surface-soft: rgba(255, 255, 255, .045);--site-text: #f7f8ff;--site-text-secondary: rgba(239, 242, 255, .68);--site-text-muted: rgba(229, 234, 255, .48);--site-primary: #6c7dff;--site-primary-hover: #8190ff;--site-cyan: #6ee7ff;--site-green: #45e6c1;--site-border: rgba(128, 153, 255, .18);--site-border-strong: rgba(128, 153, 255, .42);--site-shadow: 0 18px 50px rgba(0, 0, 0, .3);--site-radius: 16px;--site-content-width: 1200px;--site-transition: .22s ease;--site-font: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0;background:var(--site-bg);color:var(--site-text);font-family:var(--site-font)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:#6c7dff94}:focus-visible{outline:3px solid rgba(110,231,255,.65);outline-offset:3px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}