.welcome-container[data-v-691d31d1]{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:transparent;z-index:9999;transition:opacity .3s ease-out;pointer-events:none}.welcome-container.fade-out[data-v-691d31d1]{opacity:0;pointer-events:none}.logo-wrapper[data-v-691d31d1]{display:flex;justify-content:center;align-items:center;will-change:transform;transition:opacity .3s ease;pointer-events:auto}.logo[data-v-691d31d1]{width:100%;height:100%;object-fit:contain;filter:grayscale(100%)}.logo-fallback[data-v-691d31d1]{font-family:var(--font-pixel-title);font-size:2rem;color:var(--text-primary);letter-spacing:.5em;text-align:center}.main-background[data-v-617b81bb]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background-color:var(--bg-primary);overflow:hidden;pointer-events:none}.theme-ripple[data-v-617b81bb]{position:absolute;inset:0;background:radial-gradient(circle at var(--ripple-x) var(--ripple-y),var(--ripple-to) 0,var(--ripple-to) var(--ripple-size),var(--ripple-from) calc(var(--ripple-size) + 1px),var(--ripple-from) 100%);opacity:0;pointer-events:none;z-index:1;transition:opacity .1s ease}.theme-ripple.is-active[data-v-617b81bb]{opacity:1;animation:theme-ripple-expand-617b81bb .65s cubic-bezier(.2,.6,.2,1) forwards}.theme-ripple.is-complete[data-v-617b81bb]{opacity:1;--ripple-size: 150vmax}.theme-ripple.is-fading[data-v-617b81bb]{opacity:0;--ripple-size: 150vmax;transition:opacity .05s ease}@keyframes theme-ripple-expand-617b81bb{0%{--ripple-size: 0px}to{--ripple-size: 150vmax}}.bg-pattern[data-v-617b81bb]{width:100%;height:100%;opacity:.05;background-image:linear-gradient(var(--text-primary) 1px,transparent 1px),linear-gradient(90deg,var(--text-primary) 1px,transparent 1px);background-size:50px 50px;position:relative;z-index:2}.photo-grid[data-v-0e46a9d0]{position:absolute;cursor:pointer;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;will-change:transform;opacity:1}.photo-bg[data-v-0e46a9d0]{position:absolute;inset:0;background-color:var(--color-gray-300);opacity:.5;z-index:0}[data-theme=dark]{background-color:var(--color-gray-700)}.photo-grid.is-expanding[data-v-0e46a9d0]{overflow:visible}.photo-grid.is-hovered[data-v-0e46a9d0]{box-shadow:0 8px 32px #00000026}.photo-wrapper[data-v-0e46a9d0]{width:100%;height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:1}.photo-image[data-v-0e46a9d0]{width:100%;height:100%;object-fit:contain;object-position:center;filter:grayscale(30%);transition:filter .3s ease,transform .3s ease}.photo-grid.is-hovered .photo-image[data-v-0e46a9d0]{filter:grayscale(0%);transform:scale(1.05)}.photo-placeholder[data-v-0e46a9d0]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--color-gray-200)}.placeholder-icon[data-v-0e46a9d0]{font-size:2rem;opacity:.5}.main-canvas[data-v-2a8dd09a]{position:relative;width:100%;height:100%;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none}.main-canvas[data-v-2a8dd09a]:active{cursor:grabbing}.canvas-content[data-v-2a8dd09a]{position:absolute;width:100%;height:100%;will-change:transform;transition:none;z-index:1}.canvas-content.is-entering[data-v-2a8dd09a]{transition:transform .05s linear,opacity .05s linear}.main-menu[data-v-fbc05c4a]{position:fixed;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xl);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:100;overflow:hidden}.theme-ripple[data-v-fbc05c4a]{position:absolute;inset:0;background:radial-gradient(circle at var(--ripple-x) var(--ripple-y),var(--ripple-to) 0,var(--ripple-to) var(--ripple-size),var(--ripple-from) calc(var(--ripple-size) + 1px),var(--ripple-from) 100%);opacity:0;pointer-events:none;z-index:0;transition:opacity .1s ease}.theme-ripple.is-active[data-v-fbc05c4a]{opacity:1;animation:theme-ripple-expand-fbc05c4a .65s cubic-bezier(.2,.6,.2,1) forwards}.theme-ripple.is-complete[data-v-fbc05c4a]{opacity:1;--ripple-size: 150vmax}.theme-ripple.is-fading[data-v-fbc05c4a]{opacity:0;--ripple-size: 150vmax;transition:opacity .05s ease}@keyframes theme-ripple-expand-fbc05c4a{0%{--ripple-size: 0px}to{--ripple-size: 150vmax}}.menu-title[data-v-fbc05c4a]{flex-shrink:0;position:relative;z-index:1}.title-text[data-v-fbc05c4a]{font-family:var(--font-pixel-title);font-size:1.8rem;font-weight:bolder;color:var(--text-primary);letter-spacing:.2em}.menu-tags[data-v-fbc05c4a]{display:flex;flex-direction:column;align-items:center;margin-left:auto;margin-right:var(--spacing-xl);position:relative;z-index:1}.tags-container[data-v-fbc05c4a]{display:flex;gap:var(--spacing-lg)}.tag-btn[data-v-fbc05c4a]{position:relative;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast)}.tag-text[data-v-fbc05c4a]{font-family:var(--font-pixel);font-size:1rem;letter-spacing:.1em;transition:all var(--transition-normal)}.tag-btn:not(.is-active) .tag-text[data-v-fbc05c4a]{color:var(--text-primary);-webkit-text-stroke:1px var(--text-primary)}.tag-btn.is-active .tag-text[data-v-fbc05c4a]{color:var(--bg-secondary);-webkit-text-stroke:1px var(--text-primary);text-shadow:-1px -1px 0 var(--text-primary),1px -1px 0 var(--text-primary),-1px 1px 0 var(--text-primary),1px 1px 0 var(--text-primary)}.tags-underline[data-v-fbc05c4a]{width:100%;height:4px;background-color:var(--text-primary);position:relative;margin-top:4px;border:1px solid var(--text-primary);box-sizing:border-box}.underline-indicator[data-v-fbc05c4a]{position:absolute;top:-1px;height:calc(100% + 2px);background-color:var(--bg-secondary);border:1px solid var(--text-primary);box-sizing:border-box;transition:left .5s cubic-bezier(.4,0,.2,1),right .5s cubic-bezier(.4,0,.2,1)}.theme-toggle[data-v-fbc05c4a]{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border:1px solid var(--border-color);background-color:var(--bg-secondary);cursor:pointer;flex-shrink:0;position:relative;z-index:1;-webkit-tap-highlight-color:transparent;outline:none}.theme-toggle[data-v-fbc05c4a]:hover{background-color:var(--text-primary);border-color:var(--text-primary)}.toggle-icon[data-v-fbc05c4a]{font-size:1.2rem;color:var(--text-primary)}.theme-toggle:hover .toggle-icon[data-v-fbc05c4a]{color:var(--bg-secondary)}.slide-down-enter-active[data-v-fbc05c4a]{transition:transform .4s cubic-bezier(.4,0,.2,1)}.slide-down-leave-active[data-v-fbc05c4a]{transition:transform .3s ease}.slide-down-enter-from[data-v-fbc05c4a],.slide-down-leave-to[data-v-fbc05c4a]{transform:translateY(-100%)}[data-theme=dark] .tag-btn.is-active .tag-text[data-v-fbc05c4a]{color:var(--bg-secondary);text-shadow:-1px -1px 0 var(--text-primary),1px -1px 0 var(--text-primary),-1px 1px 0 var(--text-primary),1px 1px 0 var(--text-primary)}[data-theme=dark] .underline-indicator[data-v-fbc05c4a]{background-color:var(--bg-secondary)}.photo-view[data-v-50ac0974]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:transparent;z-index:1000;display:flex;outline:none;overflow:hidden}.viewer-bg[data-v-50ac0974]{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bg-primary);transform:translate(-100%);transition:transform .45s cubic-bezier(.4,0,.2,1);z-index:1}.close-btn[data-v-50ac0974]{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);width:40px;height:40px;display:flex;justify-content:center;align-items:center;background:transparent;border:1px solid var(--border-color);cursor:pointer;z-index:2000;transition:transform .45s cubic-bezier(.4,0,.2,1),background-color var(--transition-fast),border-color var(--transition-fast)}.close-btn[data-v-50ac0974]:hover{background-color:var(--color-gray-200)}.close-icon[data-v-50ac0974]{font-size:1.2rem;color:var(--text-primary)}.nav-area[data-v-50ac0974]{position:absolute;top:0;width:80px;height:100%;display:flex;justify-content:center;align-items:center;z-index:1005;cursor:default;pointer-events:auto}.nav-left[data-v-50ac0974]{left:0}.nav-right[data-v-50ac0974]{right:0}.nav-btn[data-v-50ac0974]{width:50px;height:50px;display:flex;justify-content:center;align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;pointer-events:auto}.nav-icon[data-v-50ac0974]{font-size:1rem;color:var(--text-primary)}.content-slider[data-v-50ac0974]{width:100%;height:100%;overflow:hidden;position:relative;z-index:2}.slides-wrapper[data-v-50ac0974]{width:100%;height:100%;position:relative}.slide-item[data-v-50ac0974]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex}.photo-display[data-v-50ac0974]{flex:3;display:flex;justify-content:center;align-items:center;padding:0;position:relative;overflow:hidden}.photo-container[data-v-50ac0974]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:transform .5s cubic-bezier(.4,0,.2,1);overflow:hidden}.photo-zoom[data-v-50ac0974]{display:flex;justify-content:center;align-items:center;transform-origin:center center;cursor:grab}.photo-display:active .photo-zoom[data-v-50ac0974]{cursor:grabbing}.group-image-track[data-v-50ac0974]{width:100%;height:100%;display:flex;gap:var(--group-image-gap, 24px);transition:transform .5s cubic-bezier(.4,0,.2,1)}.group-image-item[data-v-50ac0974]{flex:0 0 100%;height:100%;display:flex;justify-content:center;align-items:center}.photo-media[data-v-50ac0974]{position:relative;display:inline-flex;align-items:center;justify-content:center;max-width:100%;max-height:100%}.photo-image[data-v-50ac0974]{max-width:100%;max-height:80vh;object-fit:contain;box-shadow:0 4px 24px #0000001a}.photo-image.is-landscape[data-v-50ac0974]{width:90%;height:auto}.photo-image.is-portrait[data-v-50ac0974]{height:80vh;width:auto}.photo-exif[data-v-50ac0974]{position:absolute;bottom:8px;right:5vw;display:flex;gap:var(--spacing-sm);font-family:var(--font-pixel);font-size:.75rem;color:var(--color-white);mix-blend-mode:difference;opacity:.8;padding:var(--spacing-xs) var(--spacing-sm);background-color:transparent;pointer-events:none;justify-content:flex-end;align-items:flex-end;text-align:right}.photo-exif span[data-v-50ac0974]{white-space:nowrap}.photo-exif span[data-v-50ac0974]:not(:last-child):after{content:"·";margin-left:var(--spacing-sm)}.group-switcher[data-v-50ac0974]{position:absolute;bottom:40px;left:50%;display:flex;flex-direction:column;align-items:center;z-index:10;transition:transform .5s cubic-bezier(.4,0,.2,1)}.group-track[data-v-50ac0974]{position:relative;display:flex;height:6px;min-width:200px;max-width:60vw;gap:2px;box-sizing:border-box;overflow:visible}.group-segment[data-v-50ac0974]{position:relative;height:100%;padding:0;border:1px solid transparent;box-sizing:border-box;background-color:var(--color-black);cursor:pointer;overflow:visible;flex:1 1 0;transition:flex .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);z-index:2}.group-segment.is-active.is-hovered[data-v-50ac0974],.group-segment.is-active[data-v-50ac0974]{background-color:var(--bg-secondary);border:1px solid var(--text-primary)}.group-thumb-preview[data-v-50ac0974]{position:absolute;bottom:6px;left:50%;transform:translate(-50%);transform-origin:bottom center;width:140px;height:90px;background-color:var(--bg-secondary);border:2px solid var(--text-primary);border-bottom:none;box-shadow:0 4px 16px #0003;overflow:hidden;pointer-events:none;z-index:20}.group-thumb-img[data-v-50ac0974]{width:100%;height:100%;object-fit:cover;filter:grayscale(20%)}.thumb-expand-enter-active[data-v-50ac0974]{transition:clip-path .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.thumb-expand-leave-active[data-v-50ac0974]{transition:clip-path .2s ease,opacity .2s ease}.thumb-expand-enter-from[data-v-50ac0974]{clip-path:inset(100% 0 0 0);opacity:0}.thumb-expand-enter-to[data-v-50ac0974]{clip-path:inset(0 0 0 0);opacity:1}.thumb-expand-leave-to[data-v-50ac0974]{clip-path:inset(100% 0 0 0);opacity:0}.info-panel[data-v-50ac0974]{flex:1;display:flex;justify-content:center;align-items:center;padding:var(--spacing-xl);padding-right:100px;border-left:1px solid var(--border-color);background-color:var(--bg-secondary);transition:transform .5s cubic-bezier(.4,0,.2,1);z-index:2}.info-content[data-v-50ac0974]{text-align:left;max-width:300px}.info-title[data-v-50ac0974]{font-family:var(--font-pixel);font-size:1.5rem;color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:400}.info-description[data-v-50ac0974]{font-family:var(--font-pixel);font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.info-divider[data-v-50ac0974]{width:100%;height:1px;background-color:var(--border-color);margin:var(--spacing-lg) 0}.info-date[data-v-50ac0974]{font-family:var(--font-pixel);font-size:.8rem;color:var(--color-gray-400);margin-top:var(--spacing-md)}.viewer-enter-active[data-v-50ac0974]{transition:none}.viewer-leave-active[data-v-50ac0974]{transition:opacity .3s ease}.viewer-enter-from[data-v-50ac0974]{opacity:1}.viewer-leave-to[data-v-50ac0974]{opacity:0}.photo-view.is-closing .info-panel[data-v-50ac0974]{pointer-events:none}.fade-enter-active[data-v-50ac0974],.fade-leave-active[data-v-50ac0974]{transition:opacity .2s ease}.fade-enter-from[data-v-50ac0974],.fade-leave-to[data-v-50ac0974]{opacity:0}.slide-left-enter-active[data-v-50ac0974],.slide-left-leave-active[data-v-50ac0974]{transition:transform .4s cubic-bezier(.4,0,.2,1)}.slide-left-enter-from[data-v-50ac0974]{transform:translate(100%)}.slide-left-leave-to[data-v-50ac0974]{transform:translate(-100%)}.slide-right-enter-active[data-v-50ac0974],.slide-right-leave-active[data-v-50ac0974]{transition:transform .4s cubic-bezier(.4,0,.2,1)}.slide-right-enter-from[data-v-50ac0974]{transform:translate(-100%)}.slide-right-leave-to[data-v-50ac0974]{transform:translate(100%)}.slide-in-right-enter-active[data-v-50ac0974]{transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease}.slide-in-right-leave-active[data-v-50ac0974]{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.slide-in-right-enter-from[data-v-50ac0974],.slide-in-right-leave-to[data-v-50ac0974]{transform:translate(100%);opacity:0}.slide-up-enter-active[data-v-50ac0974]{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease}.slide-up-leave-active[data-v-50ac0974]{transition:transform .2s ease,opacity .2s ease}.slide-up-enter-from[data-v-50ac0974],.slide-up-leave-to[data-v-50ac0974]{transform:translate(-50%) translateY(100%);opacity:0}.grid-repulsion[data-v-46d225a6]{display:inline-block}.grid-repulsion canvas[data-v-46d225a6]{display:block;max-width:100%;height:auto}.personal-img[data-v-8848dba8]{display:flex;align-items:center;justify-content:center}.personal-img[data-v-8848dba8] .grid-repulsion{width:100%;height:100%}.personal-img[data-v-8848dba8] canvas{width:100%;height:100%}.about-me[data-v-9b9bea92]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--bg-primary);position:relative;overflow:hidden}.theme-ripple[data-v-9b9bea92]{position:absolute;inset:0;background:radial-gradient(circle at var(--ripple-x) var(--ripple-y),var(--ripple-to) 0,var(--ripple-to) var(--ripple-size),var(--ripple-from) calc(var(--ripple-size) + 1px),var(--ripple-from) 100%);opacity:0;pointer-events:none;z-index:0;transition:opacity .1s ease}.theme-ripple.is-active[data-v-9b9bea92]{opacity:1;animation:theme-ripple-expand-9b9bea92 .65s cubic-bezier(.2,.6,.2,1) forwards}.theme-ripple.is-complete[data-v-9b9bea92]{opacity:1;--ripple-size: 150vmax}.theme-ripple.is-fading[data-v-9b9bea92]{opacity:0;--ripple-size: 150vmax;transition:opacity .05s ease}@property --ripple-size{syntax: "<length>"; inherits: false; initial-value: 0px;}@keyframes theme-ripple-expand-9b9bea92{0%{--ripple-size: 0px}to{--ripple-size: 150vmax}}.about-layout[data-v-9b9bea92]{width:100%;height:100%;display:flex;align-items:center;position:relative;z-index:1;padding:0 var(--spacing-xl);box-sizing:border-box}.about-intro[data-v-9b9bea92]{flex:1;display:flex;justify-content:flex-start;align-items:center;position:absolute;left:70vw;bottom:10vh;width:20vw;padding-left:var(--spacing-lg)}.about-intro[data-v-9b9bea92]:after{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background-color:var(--color-gray-300)}.about-intro-content[data-v-9b9bea92]{text-align:left;max-width:20vw}.about-text-block[data-v-9b9bea92]{display:inline-flex;flex-direction:column;align-items:flex-start}.about-name[data-v-9b9bea92]{font-family:var(--font-pixel);font-size:1.5rem;color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:400}.about-description[data-v-9b9bea92]{font-family:var(--font-pixel);font-size:1rem;color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg);white-space:pre-line;display:inline-block}.about-remark-divider[data-v-9b9bea92]{width:100%;height:1px;background-color:var(--color-gray-400);margin:0 0 var(--spacing-md) 0}.about-remark[data-v-9b9bea92]{font-family:var(--font-pixel);font-size:.8rem;color:var(--color-gray-400);margin-top:var(--spacing-md);white-space:pre-line;display:inline-block}.about-image-area[data-v-9b9bea92]{width:40vw;display:flex;justify-content:center;align-items:center;align-self:flex-start;padding-right:var(--spacing-lg);margin-top:12vh;order:-1}.guide-page[data-v-8c2092e0]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:fixed;inset:0;z-index:9999}.guide-content[data-v-8c2092e0]{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1rem;width:max-content}.guide-line[data-v-8c2092e0]{font-family:var(--font-pixel);font-size:1rem;color:var(--text-primary);text-align:center;width:max-content;white-space:nowrap}:root{--color-white: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--color-black: #0a0a0a;--bg-primary: var(--color-gray-100);--bg-secondary: var(--color-white);--text-primary: var(--color-black);--text-secondary: var(--color-gray-600);--border-color: var(--color-gray-300);--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--grid-gap: 2px}[data-theme=dark]{--bg-primary: var(--color-gray-900);--bg-secondary: var(--color-gray-800);--text-primary: var(--color-white);--text-secondary: var(--color-gray-400);--border-color: var(--color-gray-700)}@font-face{font-family:Ark Pixel;src:url(../fonts/ark-pixel-font-12px-monospaced-ttf-v2026.01.04/ark-pixel-12px-monospaced-zh_cn.ttf) format("truetype");font-weight:400;font-style:normal}:root{--font-pixel: "Ark Pixel", monospace;--font-pixel-title: "Ark Pixel", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-pixel);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;height:100%;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}::selection{background:var(--color-gray-400);color:var(--color-white)}img{display:block;max-width:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}a{text-decoration:none;color:inherit}#app{width:100%;height:100%;position:relative;overflow:hidden}.page-container{width:100%;height:100%;position:relative;padding-top:60px}.page-container.welcome-active{padding-top:0}.welcome-active .canvas-content{opacity:0!important;pointer-events:none}.page-wrapper{width:100%;height:100%;position:absolute;top:0;left:0;transition:transform .5s cubic-bezier(.4,0,.2,1)}.page-wrapper.is-hidden{pointer-events:none}.page-wrapper.slide-out-left{transform:translate(-100%)}.about-wrapper{z-index:1}.page-divider{position:absolute;top:60px;width:2px;height:calc(100% - 60px);background-color:var(--border-color);z-index:10}.page-divider--left{left:0;right:auto;transform:translate(-100%)}.slide-left-enter-active,.slide-left-leave-active{transition:transform .5s cubic-bezier(.4,0,.2,1)}.slide-left-enter-from,.slide-left-leave-to{transform:translate(100%)}