*,:before,:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Inter;src:url(/fonts/inter-latin.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;src:url(/fonts/jetbrains-mono-latin.woff2)format("woff2");font-weight:100 800;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg-deep:#05000d;--bg-surface:#0d0020;--bg-card:#b464ff0a;--bg-card-hover:#b464ff14;--bg-elevated:#0a0019e0;--text-primary:#f0eaff;--text-secondary:#f0eaff99;--text-tertiary:#f0eaff4d;--accent-cyan:#00f0ff;--accent-purple:#b388ff;--accent-emerald:#0f8;--accent-pink:#f06;--accent-gradient:linear-gradient(135deg, #00f0ff, #f06);--border-subtle:#b464ff1f;--border-hover:#00f0ff4d;--glow-cyan:0 0 25px #00f0ff33;--glow-purple:0 0 25px #b388ff26;--glow-cyan-heavy:0 0 50px #00f0ff59;--glow-pink:0 0 25px #f063;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", sans-serif;--font-mono:"JetBrains Mono", "Cascadia Mono", "SF Mono", Consolas, monospace;--ink-rgb:0, 240, 255}[data-theme=light]{--bg-deep:#e8e0d4;--bg-surface:#f5f0e8;--bg-card:#3c145008;--bg-card-hover:#3c14500f;--bg-elevated:#f5f0e8e6;--text-primary:#1a0a2e;--text-secondary:#1a0a2e99;--text-tertiary:#1a0a2e4d;--accent-cyan:#06c;--accent-purple:#7c3aed;--accent-emerald:#085;--accent-pink:#c05;--accent-gradient:linear-gradient(135deg, #06c, #c05);--border-subtle:#3c14501a;--border-hover:#0066cc40;--glow-cyan:0 0 20px #0066cc1f;--glow-purple:0 0 20px #7c3aed1f;--glow-cyan-heavy:0 0 40px #06c3;--glow-pink:0 0 20px #cc00551f;--ink-rgb:0, 102, 204}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow:hidden}body{background:var(--bg-deep);font-family:var(--font-sans);color:var(--text-primary);-webkit-overflow-scrolling:touch;height:100%;line-height:1.7;transition:background .5s,color .5s;overflow:hidden}[data-theme]{transition:background .5s}#root{height:100%;overflow:hidden}::selection{color:var(--text-primary);background:linear-gradient(135deg,#00f0ff40,#ff006640)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:var(--glow-cyan)}50%{box-shadow:var(--glow-cyan-heavy)}}@keyframes textReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes pageEnter{0%{opacity:0;filter:blur(6px);transform:translateY(20px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes splashExpand{0%{opacity:0;transform:scale(.3)}30%{opacity:.15;transform:scale(1.8)}60%{opacity:.05;transform:scale(2.2)}to{opacity:0;transform:scale(2.5)}}@keyframes ripple{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}@keyframes scanLine{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes navFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes charFloat{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:.05}80%{opacity:.04}to{opacity:0;transform:translateY(-100vh)rotate(8deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}canvas{display:none!important}:root{--mouse-x:0;--mouse-y:0}}:root{--mouse-x:0;--mouse-y:0}.app-wrapper{background:var(--bg-surface);border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);max-width:940px;height:100dvh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 80px #00f0ff0d,0 0 120px #ff006608}body:before{content:"";pointer-events:none;z-index:-1;background:radial-gradient(ellipse 60% 40% at calc(20% + var(--mouse-x,0) * .1) calc(50% + var(--mouse-y,0) * .1), #00f0ff0f 0%, transparent 70%), radial-gradient(ellipse 60% 40% at calc(80% + var(--mouse-x,0) * .1) calc(50% + var(--mouse-y,0) * .1), #ff00660f 0%, transparent 70%);animation:8s ease-in-out infinite alternate bgGlow;position:fixed;inset:0}@keyframes bgGlow{0%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.5;transform:scale(1)}}.app-wrapper:before{content:"";pointer-events:none;z-index:9999;opacity:.03;background-image:radial-gradient(circle, var(--accent-cyan) 1px, transparent 1px);background-size:40px 40px;position:fixed;inset:0}.app-wrapper:after{content:"";pointer-events:none;z-index:9999;opacity:.012;background:linear-gradient(#0000 50%,#00f0ff08 50%) 0 0/100% 4px;position:fixed;inset:0}.page-panel{scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent;flex-direction:column;padding:clamp(48px,6vh,80px);display:flex;position:absolute;inset:0;overflow:hidden auto}.page-panel>:first-child{margin-top:auto;margin-bottom:auto}[data-page="5"]{justify-content:flex-end;overflow-y:hidden}.page-panel.exit-forward{animation:.35s forwards scrollExitForward}.page-panel.exit-backward{animation:.35s forwards scrollExitBackward}.page-panel.enter-forward{animation:.65s cubic-bezier(.22,1,.36,1) forwards scrollEnterForward}.page-panel.enter-backward{animation:.65s cubic-bezier(.22,1,.36,1) forwards scrollEnterBackward}@keyframes scrollExitForward{0%{clip-path:inset(0);opacity:1;transform:translateY(0)}to{clip-path:inset(0 0 100%);opacity:0;transform:translateY(-24px)scale(.97)}}@keyframes scrollExitBackward{0%{clip-path:inset(0);opacity:1;transform:translateY(0)}to{clip-path:inset(100% 0 0);opacity:0;transform:translateY(24px)scale(.97)}}@keyframes scrollEnterForward{0%{clip-path:inset(100% 0 0);opacity:0;filter:blur(4px);transform:translateY(32px)scale(.98)}to{clip-path:inset(0);opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes scrollEnterBackward{0%{clip-path:inset(0 0 100%);opacity:0;filter:blur(4px);transform:translateY(-32px)scale(.98)}to{clip-path:inset(0);opacity:1;filter:blur();transform:translateY(0)scale(1)}}.splash-overlay{z-index:80;pointer-events:none;background:radial-gradient(circle at 50% 50%, var(--accent-cyan) 0%, var(--accent-pink) 25%, transparent 55%);animation:.5s forwards splashExpand;position:fixed;inset:0}.section-body{padding-left:0}.section-body p{color:var(--text-secondary);text-align:justify;margin-bottom:14px;font-size:15px;line-height:1.9}.theme-toggle{z-index:95;border:1px solid var(--border-subtle);background:var(--bg-elevated);-webkit-backdrop-filter:blur(12px);width:40px;height:40px;color:var(--text-secondary);font-family:var(--font-sans);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:var(--radius-sm);justify-content:center;align-items:center;font-size:16px;transition:all .3s;display:flex;position:fixed;top:24px;right:24px}.theme-toggle:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:var(--glow-cyan);animation:2s ease-in-out infinite glowPulse}.nav-dot{border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--text-tertiary);font-family:var(--font-sans);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:var(--radius-md);letter-spacing:1px;background:0 0;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .3s;display:flex;position:relative}.nav-dot:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.nav-dot.active{border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:var(--glow-cyan);background:linear-gradient(135deg,#00f0ff26,#ff00661f)}.nav-dot .ripple{border:1.5px solid var(--accent-cyan);border-radius:var(--radius-sm);pointer-events:none;animation:.8s ease-out forwards ripple;position:absolute;inset:-4px}.photo-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.photo-item{aspect-ratio:4/3;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-card);cursor:pointer;transition:all .4s;position:relative;overflow:hidden}.photo-item:hover{border-color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.photo-item img{object-fit:cover;width:100%;height:100%;transition:transform .6s,filter .6s,opacity .4s;display:block}.photo-item:hover img{transform:scale(1.05)}.photo-item img.loaded{opacity:1}.photo-item img.loading{opacity:0}.photo-item .skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, #b464ff0f 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeletonShimmer;position:absolute;inset:0}.photo-item .skeleton.hidden{display:none}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.photo-item .img-fallback{background:var(--bg-card);color:var(--text-tertiary);font-family:var(--font-mono);letter-spacing:1px;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;inset:0}.photo-item .img-fallback.hidden{display:none}.photo-item .caption{color:#e8ecf2;font-size:12px;font-family:var(--font-sans);letter-spacing:2px;opacity:0;background:linear-gradient(#0000,#000000b3);padding:10px 14px;font-weight:500;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.photo-item:hover .caption{opacity:1}@media (hover:none){.photo-item .caption{opacity:1}}.top-bar{z-index:95;pointer-events:none;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:fixed;top:0;left:0;right:0}.top-bar-brand{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:2px;pointer-events:auto;font-size:12px}.top-bar-icons{pointer-events:auto;gap:8px;display:flex}.icon-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-tertiary);-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#0d002080;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:flex}.icon-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.skip-link{z-index:9999;background:var(--accent-cyan);color:#05000d;font-family:var(--font-mono);letter-spacing:1px;border-radius:0 0 var(--radius-sm) var(--radius-sm);padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:top .2s;position:fixed;top:-60px;left:16px}.skip-link:focus{top:0}.nav-container{z-index:90;gap:6px;display:flex;position:fixed;bottom:60px;left:50%;transform:translate(-50%)}.page-counter{font-family:var(--font-mono);color:var(--text-tertiary);opacity:.3;letter-spacing:2px;writing-mode:vertical-rl;z-index:90;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:12px;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.swipe-hint{z-index:90;pointer-events:auto;cursor:pointer;animation:2s ease-in-out infinite navFloat;position:fixed;bottom:116px;left:50%;transform:translate(-50%)}.icp-bar{z-index:90;color:var(--text-tertiary);letter-spacing:1px;font-size:12px;font-family:var(--font-mono);pointer-events:auto;cursor:pointer;white-space:nowrap;padding-top:12px;font-weight:500;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.icp-bar a{color:inherit;text-decoration:none}.icp-bar .icp-divider{color:var(--text-tertiary);opacity:.3;margin:0 6px}.icp-bar .icp-icon{vertical-align:middle;opacity:.6;width:16px;height:auto}.lightbox{z-index:10000;-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#000000d9;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.lightbox figure{cursor:default;flex-direction:column;align-items:center;gap:14px;margin:0;display:flex}.lightbox img{object-fit:contain;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);max-width:85vw;max-height:78vh}.lightbox .lb-caption{font-family:var(--font-mono);letter-spacing:2px;color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-size:12px}.lightbox .lb-btn{border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;z-index:1;-webkit-tap-highlight-color:transparent;background:#0a001999;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox .lb-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.lightbox .lb-prev{left:20px}.lightbox .lb-next{right:20px}@media (width<=700px){.lightbox .lb-btn{width:40px;height:40px}.lightbox .lb-prev{left:10px}.lightbox .lb-next{right:10px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.social-links{justify-content:center;gap:10px;margin:24px 0;display:flex}.social-link{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;width:38px;height:38px;color:var(--text-tertiary);background:var(--bg-card);justify-content:center;align-items:center;transition:all .3s;display:flex}.social-link:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);box-shadow:var(--glow-cyan);background:#00f0ff0d}.social-link svg{fill:currentColor;width:18px;height:18px}.qr-modal{z-index:10000;-webkit-backdrop-filter:blur(16px);cursor:pointer;background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.qr-card{background:var(--bg-surface);text-align:center;cursor:default;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:32px;animation:.4s qrEnter;box-shadow:0 0 40px #00f0ff0f,0 0 80px #ff006608}.qr-card svg{width:160px;height:auto;margin:0 auto 16px;display:block}.qr-card img{object-fit:contain;border-radius:8px;max-width:100%;max-height:70vh}.qr-card p{color:var(--text-tertiary);letter-spacing:2px;font-size:12px}@keyframes qrEnter{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.guestbook-input{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-sans);outline:none;padding:10px 14px;font-size:14px;transition:all .3s}.guestbook-input:focus{border-color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.guestbook-entry{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--bg-card);margin-bottom:8px;padding:10px 14px;transition:all .3s}.guestbook-entry:hover{border-color:#00f0ff33}@media (width<=1024px){.page-panel{padding:70px 48px}}@media (width<=700px){.page-panel{padding:60px 28px}.section-body{padding-left:0}.photo-grid{grid-template-columns:1fr}.nav-dot{width:40px;height:40px}}@media (width<=480px){.page-panel{padding:56px 20px}.photo-grid{gap:8px}.nav-dot{width:36px;height:36px;font-size:11px}.icp-bar{white-space:nowrap;letter-spacing:0;padding:6px 8px;font-size:10px;bottom:10px}.icp-bar .icp-divider{margin:0 3px}.icp-bar .icp-icon{width:14px}.nav-container{bottom:56px}.swipe-hint{bottom:100px}}@keyframes eofBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.eof-bounce{animation:2s ease-in-out infinite eofBounce}