:root{color:#ffffffde;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}html{scroll-behavior:smooth}body{background:#0a0a14;min-width:320px;margin:0;overflow:hidden auto}#root{width:100%;min-height:100vh;overflow-x:hidden}.macos-desktop{z-index:100;opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .8s;position:absolute;top:0;left:0;overflow:hidden}.macos-desktop.visible{opacity:1;pointer-events:auto}.mac-wallpaper{z-index:0;background:linear-gradient(165deg,#ffd089 0%,#ffb37a 12%,#ff9e76 22%,#f08e80 32%,#c589b0 42%,#8b7eb8 52%,#6b8dd6 62%,#4b7fd0 75%,#3a6fb5 88%,#2c5f9e 100%);position:absolute;inset:0}.mac-wallpaper:before{content:"";background:radial-gradient(at 15% 75%,#ffc8784d 0%,#0000 50%),radial-gradient(at 85% 25%,#ffa08233 0%,#0000 50%),radial-gradient(#c896dc14 0%,#0000 70%);position:absolute;inset:0}.mac-wallpaper:after{content:"";background-color:#0000;background-image:radial-gradient(2px 2px at 20% 30%,#ffffff26,#0000),radial-gradient(1px 1px at 60% 20%,#ffffff1f,#0000),radial-gradient(1.5px 1.5px at 80%,#ffffff1a,#0000),radial-gradient(1px 1px at 30% 80%,#ffffff14,#0000);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:100% 100%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;position:absolute;inset:0}.mac-menu-bar{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:200;color:#1d1d1f;background:#ffffff59;border-bottom:.5px solid #0000000f;justify-content:space-between;align-items:center;height:28px;padding:0 16px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,sans-serif;font-size:.8rem;display:flex;position:absolute;top:0;left:0;right:0}.mac-menu-left{align-items:center;gap:18px;display:flex}.mac-menu-right{align-items:center;gap:12px;display:flex}.mac-menu-item{cursor:pointer;border-radius:4px;padding:2px 6px;transition:background .15s}.mac-menu-item:hover{background:#0000000f}.mac-menu-bold{align-items:center;gap:6px;font-weight:600;display:flex}.mac-logo{background:#1d1d1f;border-radius:50%;width:14px;height:14px;-webkit-mask:linear-gradient(#0000 45%,#000 45%);mask:linear-gradient(#0000 45%,#000 45%)}.mac-menu-icon{cursor:pointer;opacity:.8;color:#1d1d1f;align-items:center;padding:2px;display:flex}.mac-menu-text{opacity:.85;color:#1d1d1f;font-size:.78rem}.mac-time{font-weight:500}.mac-desktop-icons{z-index:50;flex-direction:column;gap:20px;display:flex;position:absolute;top:48px;right:32px}.mac-desktop-icon{cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;width:80px;padding:6px;transition:background .15s;display:flex}.mac-desktop-icon:hover{background:#ffffff26}.mac-desktop-icon.selected{background:#5a96fa33;outline:1px solid #5a96fa66}.mac-icon-img{border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:4px;display:flex;box-shadow:0 4px 14px #0000002e,0 1px 3px #0000001a}.mac-icon-label{color:#fff;text-align:center;text-shadow:0 1px 4px #0006;font-size:.75rem;font-weight:500}.mac-icon-sublabel{color:#ffffffb3;text-align:center;text-shadow:0 1px 3px #0000004d;font-size:.6rem}.mac-widget-clock{z-index:40;-webkit-backdrop-filter:blur(24px)saturate(150%);color:#1d1d1f;background:#ffffff40;border:1px solid #ffffff4d;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:20px 28px;display:flex;position:absolute;top:60px;left:40px;box-shadow:0 8px 24px #00000014}.mac-widget-label{letter-spacing:.1em;text-transform:uppercase;opacity:.7;font-size:.7rem}.mac-dock{-webkit-backdrop-filter:blur(30px)saturate(200%);z-index:150;background:#ffffff4d;border:1px solid #ffffff59;border-radius:22px;align-items:flex-end;gap:6px;padding:6px 12px;display:flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0000001f,inset 0 1px 2px #ffffff4d}.mac-dock-item{cursor:pointer;flex-direction:column;align-items:center;padding-bottom:2px;display:flex;position:relative}.mac-dock-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 3px 10px #00000026,0 1px 2px #00000014}.mac-dock-tooltip{color:#1d1d1f;white-space:nowrap;pointer-events:none;background:#ffffffe6;border:1px solid #0000000d;border-radius:6px;padding:4px 10px;font-size:.72rem;transition:opacity .2s;position:absolute;bottom:62px;box-shadow:0 2px 8px #0000001f}.mac-dock-dot{border-radius:50%;width:3px;height:3px;margin-top:3px}.mac-dock-dot.active{background:#1d1d1f}.mac-dock-divider{background:#00000014;width:1px;height:40px;margin:0 4px}.mac-window{-webkit-backdrop-filter:blur(40px)saturate(180%);z-index:300;background:#f6f6f8e0;border:1px solid #00000014;border-radius:12px;min-height:300px;animation:.3s cubic-bezier(.34,1.56,.64,1) macWindowOpen;position:absolute;overflow:hidden;box-shadow:0 20px 60px #0003,0 0 0 .5px #00000014}.mac-window-fullscreen{animation:.35s cubic-bezier(.4,0,.2,1) macWindowFullscreen;width:100vw!important;height:100vh!important;box-shadow:none!important;z-index:9999!important;border:none!important;border-radius:0!important;position:fixed!important;top:0!important;left:0!important}@keyframes macWindowFullscreen{0%{opacity:.8;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes macWindowOpen{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.mac-window-titlebar{cursor:grab;-webkit-user-select:none;user-select:none;background:#00000008;border-bottom:.5px solid #0000000f;justify-content:space-between;align-items:center;height:36px;padding:0 12px;display:flex}.mac-window-titlebar:active{cursor:grabbing}.mac-traffic-lights{gap:8px;display:flex}.mac-tl{cursor:pointer;border-radius:50%;width:12px;height:12px;transition:filter .15s;box-shadow:0 0 0 .5px #0000001a}.mac-tl:hover{filter:brightness(1.1)}.mac-tl{background:#ff5f57}.mac-tl-min{background:#febc2e}.mac-tl-max{background:#28c840}.mac-traffic-lights:hover .mac-tl:after{opacity:1}.mac-tl:after{content:"";opacity:0;color:#00000080;font-size:9px;font-weight:700;line-height:1;transition:opacity .15s;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mac-tl-close:after{content:"✕"}.mac-tl-min:after{content:"−";font-size:13px;font-weight:800}.mac-tl-max:after{content:"+";font-size:11px;font-weight:700}.mac-tl-max-exit:after{content:"✕";font-size:8px}.mac-tl{position:relative}.mac-window-title{color:#1d1d1f;text-align:center;flex:1;font-size:.82rem;font-weight:600}.mac-window-content{color:#1d1d1f;padding:24px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,sans-serif}.mac-about-content{flex-direction:column;gap:20px;display:flex}.mac-about-header{border-bottom:1px solid #00000014;align-items:center;gap:16px;padding-bottom:20px;display:flex}.mac-about-avatar{background:linear-gradient(135deg,#5ac8fa,#007aff);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;box-shadow:0 4px 12px #007aff40}.mac-about-info h2{color:#1d1d1f;margin-bottom:4px;font-size:1.3rem;font-weight:700}.mac-about-info p{color:#86868b;margin-bottom:2px;font-size:.85rem}.mac-about-tag{letter-spacing:.05em;color:#007aff!important;font-size:.7rem!important}.mac-about-body p{color:#3d3d3d;font-size:.88rem;line-height:1.6}.mac-about-skills{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.mac-skill{color:#007aff;background:#007aff14;border:1px solid #007aff26;border-radius:12px;padding:4px 12px;font-size:.72rem}.mac-about-footer{border-top:1px solid #00000014;gap:16px;padding-top:16px;display:flex}.mac-about-link{color:#86868b;cursor:pointer;align-items:center;gap:6px;font-size:.78rem;transition:color .2s;display:flex}.mac-about-link:hover{color:#007aff}.mac-projects-content{flex-direction:column;gap:10px;display:flex}.mac-project-card{cursor:pointer;background:#00000008;border:1px solid #0000000d;border-radius:10px;align-items:center;gap:14px;padding:12px;transition:background .2s;display:flex}.mac-project-card:hover{background:#007aff0f}.mac-project-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mac-project-info{flex:1}.mac-project-label{color:#1d1d1f;font-size:.88rem;font-weight:600}.mac-project-sub{color:#86868b;font-size:.72rem}.mac-project-desc{color:#aeaeb2;margin-top:2px;font-size:.72rem}.mac-contact-content{flex-direction:column;gap:16px;display:flex}.mac-contact-row{color:#86868b;align-items:center;gap:14px;padding:10px 0;display:flex}.mac-contact-row>div{flex:1}.mac-contact-label{color:#aeaeb2;margin-bottom:2px;font-size:.72rem}.mac-contact-value{color:#1d1d1f;font-size:.88rem}@media (width<=768px){.mac-desktop-icons{gap:12px;top:40px;right:16px}.mac-desktop-icon{width:64px}.mac-icon-img{border-radius:10px;width:44px;height:44px}.mac-dock{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:3px;max-width:94vw;padding:5px 8px;overflow-x:auto}.mac-dock::-webkit-scrollbar{display:none}.mac-dock-icon-wrap{border-radius:10px;width:36px;height:36px}.mac-widget-clock{padding:14px 20px;top:44px;left:20px}.mac-window-fullscreen{width:100vw!important;height:100dvh!important}.mac-menu-bar{height:24px;padding:0 10px;font-size:.72rem}.mac-menu-left{gap:10px}.mac-menu-right{gap:8px}.mac-menu-text{font-size:.7rem}.mac-window-titlebar{height:32px}.mac-tl{width:11px;height:11px}}@media (width<=480px){.mac-menu-bar{height:22px;padding:0 8px;font-size:.68rem}.mac-menu-left{gap:6px}.mac-menu-item:not(.mac-menu-bold){display:none}.mac-menu-right{gap:6px}.mac-widget-clock{padding:10px 16px;top:36px;left:12px}.mac-widget-label{font-size:.6rem}.mac-dock{gap:2px;padding:4px 6px;bottom:4px}.mac-dock-icon-wrap{border-radius:8px;width:32px;height:32px}.mac-dock-divider{height:28px;margin:0 2px}.mac-window-content{padding:8px}.mac-about-avatar{width:56px;height:56px}.mac-about-info h2{font-size:1.1rem}.mac-about-body p{font-size:.8rem}.mac-skill{padding:3px 8px;font-size:.65rem}.mac-about-link{font-size:.7rem}.mac-contact-value,.mac-project-label{font-size:.78rem}}@media (hover:none) and (pointer:coarse){.mac-menu-item:hover,.mac-desktop-icon:hover{background:0 0}.mac-dock-icon-wrap{transition:transform .15s}.mac-dock-item:active .mac-dock-icon-wrap{transform:scale(.9)}.mac-tl:hover{filter:brightness()}.mac-about-link:hover{color:#86868b}.mac-project-card:hover{background:#00000008}}*{box-sizing:border-box;margin:0;padding:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(4px)}}html,body,#root{overscroll-behavior:none;-webkit-tap-highlight-color:transparent;background:#0a0a14;width:100%}body{overflow:hidden auto}.app{width:100%;position:relative}.app>div:first-child{z-index:1;pointer-events:auto;top:0;left:0;width:100vw!important;height:100vh!important;position:fixed!important}.app canvas{pointer-events:auto;display:block;width:100%!important;height:100%!important}.hero-pinned{z-index:2;pointer-events:none;width:100%;height:100vh;position:relative}.nav-bar{pointer-events:auto;justify-content:space-between;align-items:center;padding:28px 48px;transition:opacity .1s linear;display:flex;position:absolute;top:0;left:0;right:0}.nav-brand{letter-spacing:.15em;color:#ffffffd9;text-transform:uppercase;font-family:Inter,-apple-system,sans-serif;font-size:.8rem;font-weight:700}.nav-links{gap:32px;display:flex}.nav-links a{letter-spacing:.08em;color:#ffffff80;text-transform:uppercase;font-family:Inter,-apple-system,sans-serif;font-size:.78rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#fffffff2}.hero-text{pointer-events:none;transition:opacity .1s linear;position:absolute;bottom:12%;left:48px}.hero-eyebrow{color:#fff6;letter-spacing:.3em;text-transform:uppercase;margin-bottom:16px;font-family:SF Mono,Monaco,monospace;font-size:.7rem}.hero-title{letter-spacing:-.04em;color:#fffffff2;text-shadow:0 0 60px #4a9eff4d;margin-bottom:20px;font-family:Inter,-apple-system,sans-serif;font-size:clamp(3rem,8vw,6rem);font-weight:800;line-height:.95}.hero-subtitle{color:#ffffff80;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:300;line-height:1.8}.scroll-hint{pointer-events:none;flex-direction:column;align-items:center;gap:10px;transition:opacity .1s linear;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-hint-clickable{pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.scroll-hint-clickable:active{transform:translate(-50%)scale(.95)}.scroll-hint span{color:#1a2a5a;letter-spacing:.2em;text-transform:uppercase;font-family:SF Mono,Monaco,monospace;font-size:.7rem;font-weight:600}.scroll-mouse{opacity:.85;border:1.5px solid #4a9eff8c;border-radius:20px;justify-content:center;align-items:flex-start;width:20px;height:32px;padding-top:5px;display:flex}.scroll-wheel{background:#4a9effcc;border-radius:2px;width:2px;height:6px;animation:1.8s ease-in-out infinite scrollWheel}@keyframes scrollWheel{0%{opacity:.6;transform:translateY(0)}30%{opacity:1;transform:translateY(8px)}60%{opacity:0;transform:translateY(12px)}to{opacity:0;transform:translateY(0)}}.screen-immersion{pointer-events:none;background:radial-gradient(#4a9eff40 0%,#4a9eff1a 40%,#0000 70%);transition:opacity .15s linear;position:absolute;inset:0}.about-section{pointer-events:none;justify-content:center;align-items:center;transition:opacity .15s linear;display:flex;position:absolute;inset:0}.about-content{text-align:center;max-width:700px;padding:0 24px}.about-eyebrow{color:#4a9eff99;letter-spacing:.3em;text-transform:uppercase;margin-bottom:20px;font-family:SF Mono,Monaco,monospace;font-size:.7rem}.about-title{letter-spacing:-.03em;color:#fffffff2;text-shadow:0 0 80px #4a9eff66;margin-bottom:24px;font-family:Inter,-apple-system,sans-serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800}.about-desc{color:#ffffff80;margin-bottom:48px;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;font-size:clamp(.9rem,1.5vw,1.1rem);font-weight:300;line-height:1.8}.about-cards{pointer-events:auto;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.about-card{cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:24px 12px;transition:all .3s;display:flex}.about-card:hover{background:#4a9eff14;border-color:#4a9eff4d;transform:translateY(-4px)}.card-num{color:#ffffff4d;letter-spacing:.15em;font-family:SF Mono,Monaco,monospace;font-size:.65rem}.card-label{color:#ffffffe6;letter-spacing:.05em;font-family:Inter,sans-serif;font-size:.85rem;font-weight:700}.card-sub{color:#fff6;font-family:-apple-system,PingFang SC,sans-serif;font-size:.7rem}.next-section{z-index:2;background:#0a0a14;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;position:relative}.next-content{text-align:center}.next-content h2{color:#ffffffe6;margin-bottom:12px;font-family:Inter,sans-serif;font-size:3rem;font-weight:800}.next-content p{color:#fff6;font-family:-apple-system,PingFang SC,sans-serif;font-size:1rem}.next-eyebrow{color:#4a9eff99;letter-spacing:.3em;text-transform:uppercase;margin-bottom:16px;font-family:SF Mono,Monaco,monospace;font-size:.7rem}.next-contact{color:#ffffffe6;background:#4a9eff1f;border:1px solid #4a9eff40;border-radius:24px;margin-top:24px;padding:12px 32px;font-size:.9rem;text-decoration:none;transition:all .3s;display:inline-block}.next-contact:hover{background:#4a9eff33;border-color:#4a9eff66;transform:translateY(-2px)}.next-info{color:#ffffff59;justify-content:center;align-items:center;gap:10px;margin-top:32px;font-size:.78rem;display:flex}@media (width<=768px){.nav-bar{padding:20px 24px}.nav-links{gap:20px}.nav-links a{font-size:.68rem}.hero-text{bottom:18%;left:24px}.about-cards{grid-template-columns:repeat(2,1fr)}.about-content{max-width:90vw}.next-content h2{font-size:2rem}.next-info{flex-direction:column;gap:6px}}@media (width<=480px){.nav-bar{padding:16px}.nav-brand{font-size:.7rem}.nav-links{display:none}.hero-text{bottom:20%;left:16px}.about-cards{grid-template-columns:1fr}.about-card{padding:16px 8px}.next-content h2{font-size:1.5rem}.next-content p{font-size:.85rem}}@media (hover:none) and (pointer:coarse){.about-card:hover,.next-contact:hover{transform:none}.mac-project-card:hover{background:#00000008}}