:root{color:#f5f8ff;font-synthesis:none;text-rendering:optimizelegibility;--bg:#020711;--bg-soft:#07101d;--panel:#081220bd;--panel-strong:#081426eb;--text:#f4f7ff;--muted:#8794aa;--line:#7093c62b;--blue:#3987ff;--cyan:#38c9ff;--purple:#7c5cff;--cursor-x:50vw;--cursor-y:50vh;background:#020711;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);min-width:320px;color:var(--text);margin:0;overflow-x:hidden}button,input,textarea{font:inherit}button,a{color:inherit}img{max-width:100%;display:block}::selection{color:#fff;background:#4285ff59}body:before{content:"";pointer-events:none;z-index:99;opacity:.19;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");position:fixed;inset:0}.app-shell{min-height:100vh;position:relative;overflow:clip}.cursor-glow{left:var(--cursor-x);top:var(--cursor-y);pointer-events:none;z-index:0;opacity:.14;background:radial-gradient(circle,#2a70ff7a,#2a70ff00 68%);border-radius:50%;width:340px;height:340px;position:fixed;transform:translate(-50%,-50%)}.loader{z-index:999;background:#02050b;place-content:center;gap:30px;transition:opacity .75s .12s,visibility .75s .12s;display:grid;position:fixed;inset:0}.loader.is-done{opacity:0;visibility:hidden}.loader-mark{text-align:center;letter-spacing:.15em;font-size:42px;font-weight:800}.loader-mark span{color:var(--blue);font-weight:300}.loader-lines{gap:8px;min-width:330px;display:grid}.loader-lines span{opacity:0;color:#71809a;letter-spacing:.16em;animation:.38s forwards loaderText;animation-delay:var(--delay);font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;transform:translateY(7px)}.loader-progress{background:#ffffff17;height:1px;overflow:hidden}.loader-progress i{background:linear-gradient(90deg, transparent, var(--blue), #8d78ff);height:100%;animation:1.3s cubic-bezier(.6,.05,.2,1) forwards loaderBar;display:block}@keyframes loaderText{to{opacity:1;transform:translateY(0)}}@keyframes loaderBar{0%{width:0}to{width:100%}}.site-header{z-index:80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(#020711eb,#02071194 72%,#0000);border-bottom:1px solid #7d99c821;grid-template-columns:210px 1fr 210px;align-items:center;width:min(100% - 48px,1480px);height:72px;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%)}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:baseline;gap:11px;display:flex}.brand strong{letter-spacing:.035em;font-size:18px}.brand span{color:var(--blue)}.brand em{color:#acb8cb;letter-spacing:.09em;font-size:11px;font-style:normal}.main-nav{justify-content:center;align-items:stretch;height:100%;display:flex}.nav-link{color:#b5bfd0;cursor:pointer;background:0 0;border:0;min-width:88px;padding:0 12px;font-size:13px;position:relative}.nav-link:after{content:"";background:var(--blue);height:2px;box-shadow:0 0 16px var(--blue);transition:all .25s;position:absolute;bottom:0;left:22%;right:22%;transform:scaleX(0)}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active:after{transform:scaleX(1)}.world-button{color:#d9e4f8;cursor:pointer;background:#060e1b94;border:1px solid #4582ff6b;border-radius:99px;justify-self:end;align-items:center;gap:18px;padding:11px 18px;font-size:12px;display:flex}.world-button svg{color:#55a0ff;filter:drop-shadow(0 0 7px #3987ff)}.menu-button{background:0 0;border:0;justify-self:end;display:none}.section-anchor{scroll-margin-top:70px}.page-section{border-left:1px solid #607dab1c;border-right:1px solid #607dab1c;width:min(100% - 64px,1440px);margin:0 auto;padding:130px 48px;position:relative}.page-section:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 49.94%,#7091be0e 50%,#0000 50.06%);position:absolute;inset:0}.hero{background:radial-gradient(circle at 67% 48%,#1957cb24,#0000 29%),linear-gradient(#020915 0%,#030914 62%,#020711 100%);border-bottom:1px solid #607dab1f;border-left:1px solid #607dab1c;border-right:1px solid #607dab1c;grid-template-columns:43% 57%;align-items:center;width:min(100% - 48px,1480px);min-height:880px;margin:0 auto;padding:150px 58px 70px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";background-image:linear-gradient(#4271b60b 1px,#0000 1px),linear-gradient(90deg,#4271b60b 1px,#0000 1px);background-size:58px 58px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}.particle-canvas{opacity:.92;width:100%;height:100%;position:absolute;inset:0}.hero-grid-line{background:linear-gradient(90deg,#0000,#508be538,#0000);height:1px;position:absolute;left:0;right:0}.hero-grid-line.line-a{top:38%}.hero-grid-line.line-b{opacity:.5;top:67%}.hero-copy{z-index:4;align-self:center;max-width:610px;position:relative}.hero-idea{color:#4f91ff;letter-spacing:.08em;margin-bottom:21px;font-size:14px}.hero h1{white-space:nowrap;align-items:baseline;gap:17px;margin:0;line-height:.95;display:flex}.hero h1 span,.hero h1 strong{letter-spacing:-.055em}.hero h1 span{background:linear-gradient(#fff,#b8d5ff 72%,#6e91c3);color:#0000;-webkit-background-clip:text;font-size:clamp(66px,5.55vw,94px)}.hero h1 strong{background:linear-gradient(90deg,#c7e7ff,#8ca8ff,#8a72ff);color:#0000;-webkit-background-clip:text;font-size:clamp(61px,5.15vw,87px);font-weight:650}.hero h1 i{color:#6080ad;font-size:40px;font-style:normal;font-weight:300}.hero h2{letter-spacing:.035em;color:#80b7ff;margin:23px 0 0;font-size:20px;font-weight:500}.hero-copy>p{color:#8d98aa;margin:27px 0 0;font-size:14px;line-height:1.9}.identity-row{flex-wrap:wrap;gap:12px;margin:28px 0 32px;display:flex}.identity-row span{color:#c4cedd;background:#08122087;border:1px solid #608cd03d;border-radius:8px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;display:flex}.identity-row svg{color:var(--blue)}.hero-actions{align-items:center;gap:23px;display:flex}.primary-button,.secondary-button{cursor:pointer;height:48px;transition:all .25s}.primary-button{background:linear-gradient(120deg,#286ff4,#525cff 55%,#8b54ef);border:1px solid #7082ffb3;border-radius:9px;align-items:center;gap:20px;padding:0 23px;display:flex;box-shadow:0 13px 36px #3058ff3d}.primary-button:hover{transform:translateY(-2px);box-shadow:0 16px 44px #3058ff57}.secondary-button{color:#aeb9ca;background:0 0;border:0;border-bottom:1px solid #7097d347;border-radius:0;align-items:center;gap:8px;padding:0 2px;display:inline-flex}.secondary-button svg{transition:transform .25s}.secondary-button:hover{color:#e9f1ff;border-color:#649dffbf}.secondary-button:hover svg{transform:translate(4px)}.hero-visual{--rx:0deg;--ry:0deg;--px:50%;--py:50%;z-index:3;perspective:1200px;height:710px;transform-style:preserve-3d;position:relative}.hero-visual:before{content:"";background:radial-gradient(circle at var(--px) var(--py), #3a81ff3d, #0c306c17 42%, transparent 68%);filter:blur(2px);border-radius:50%;width:620px;height:620px;position:absolute;top:49%;left:52%;transform:translate(-50%,-50%)}.digital-frame{z-index:3;width:580px;height:710px;transform:translateX(-50%) rotateX(var(--rx)) rotateY(var(--ry));transform-origin:50% 70%;filter:drop-shadow(0 34px 52px #000000b8);transition:transform .15s ease-out;position:absolute;bottom:-54px;left:52%;overflow:hidden;-webkit-mask-image:radial-gradient(57% 72% at 52% 46%,#000 48%,#000000eb 63%,#00000057 80%,#0000 96%);mask-image:radial-gradient(57% 72% at 52% 46%,#000 48%,#000000eb 63%,#00000057 80%,#0000 96%)}.digital-frame img{object-fit:cover;object-position:50% 15%;mix-blend-mode:screen;filter:saturate(.88)contrast(1.07)brightness(.98);width:100%;height:100%}.digital-frame:before{content:"";z-index:2;pointer-events:none;background:radial-gradient(circle at 56% 36%,#0000 0 38%,#01081214 62%,#01070fad 100%),linear-gradient(#0000 58%,#02071129 73%,#020711e0 100%);position:absolute;inset:0}.digital-frame:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(90deg,#00122a61,#0000 20% 76%,#06357847);position:absolute;inset:0}.scan-line{z-index:4;background:linear-gradient(90deg,#0000,#5bbeffcc,#0000);height:1px;animation:5s ease-in-out infinite scan;position:absolute;top:22%;left:9%;right:9%;box-shadow:0 0 16px #40a6ffb3}@keyframes scan{0%,to{opacity:0;top:22%}15%{opacity:.9}75%{opacity:.6}85%{opacity:0;top:82%}}.portrait-halo{border:1px solid #3881ff47;border-radius:50%;width:550px;height:550px;position:absolute;top:48%;left:52%;transform:translate(-50%,-50%);box-shadow:inset 0 0 80px #2666dd1a,0 0 70px #255fcd1c}.orbit{border:1px solid #4086ff40;border-radius:50%;position:absolute;top:48%;left:52%;transform:translate(-50%,-50%)rotateX(72deg)rotate(8deg)}.orbit-one{width:720px;height:320px;animation:16s linear infinite orbitA}.orbit-two{width:620px;height:460px;animation:20s linear infinite orbitB;transform:translate(-50%,-50%)rotateX(66deg)rotate(-25deg)}.orbit-three{opacity:.52;width:450px;height:620px;animation:25s linear infinite orbitC;transform:translate(-50%,-50%)rotateX(28deg)rotate(60deg)}@keyframes orbitA{to{transform:translate(-50%,-50%)rotateX(72deg)rotate(368deg)}}@keyframes orbitB{to{transform:translate(-50%,-50%)rotateX(66deg)rotate(-385deg)}}@keyframes orbitC{to{transform:translate(-50%,-50%)rotateX(28deg)rotate(420deg)}}.floating-tag{z-index:6;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#041225b8;border:1px solid #4189ff6b;border-radius:8px;min-width:132px;padding:12px 17px;animation:5s ease-in-out infinite floatTag;position:absolute;box-shadow:0 10px 32px #00000052}.floating-tag:before{content:"";background:linear-gradient(90deg,#0000,#3a8cff);width:20px;height:1px;position:absolute;top:50%}.floating-tag small{color:#59a0ff;letter-spacing:.05em;font:9px/1.3 ui-monospace,monospace;display:block}.floating-tag span{color:#cbd6e6;margin-top:7px;font-size:12px;display:block}.tag-product{top:28%;left:0}.tag-product:before,.tag-ai:before{right:-20px}.tag-ai{animation-delay:-1.4s;top:61%;left:5%}.tag-writing{animation-delay:-2.2s;top:34%;right:0}.tag-writing:before,.tag-web:before{left:-20px;transform:rotate(180deg)}.tag-web{animation-delay:-3.2s;top:66%;right:1%}@keyframes floatTag{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.scroll-hint{z-index:5;color:#9aa6b9;cursor:pointer;background:0 0;border:0;justify-items:center;gap:15px;display:grid;position:absolute;bottom:34px;left:22px}.scroll-hint span{letter-spacing:.12em;writing-mode:vertical-rl;font:9px ui-monospace,monospace}.scroll-hint i{background:#5c82bb40;width:1px;height:42px;position:relative;overflow:hidden}.scroll-hint i:after{content:"";background:#438bff;width:1px;height:14px;animation:1.8s ease-in-out infinite scrollLine;position:absolute;top:-14px;left:0}@keyframes scrollLine{to{top:48px}}.section-heading{z-index:2;grid-template-columns:1.1fr .9fr;align-items:end;gap:100px;margin-bottom:72px;display:grid;position:relative}.section-heading.compact{align-items:center}.section-heading span,.ability-intro>span,.contact-copy>span{color:#4a8dff;letter-spacing:.15em;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.section-heading h2,.ability-intro h2,.contact-copy h2{letter-spacing:-.045em;margin:18px 0 0;font-size:clamp(42px,4vw,66px);font-weight:600;line-height:1.12}.section-heading>p{max-width:520px;color:var(--muted);justify-self:end;margin:0;font-size:15px;line-height:1.9}.about{background:linear-gradient(#020711,#040b16 55%,#020711)}.about-quote-strip{z-index:2;background:linear-gradient(90deg,#0e213d5c,#06101e1f 58%,#112f572e);border-top:1px solid #5c8bd038;border-bottom:1px solid #5c8bd02e;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:24px;min-height:104px;margin:-54px 0 92px;padding:24px 30px;display:grid;position:relative}.about-quote-strip:after{content:"";background:linear-gradient(90deg,#3e8dff,#0000);width:160px;height:1px;position:absolute;top:-1px;left:0;box-shadow:0 0 16px #3e8dff8c}.about-quote-strip>span{color:#3d87fa;font-family:Georgia,serif;font-size:48px;line-height:1}.about-quote-strip p{color:#c0cad9;letter-spacing:.025em;margin:0;font-size:clamp(16px,1.45vw,21px);line-height:1.65}.about-quote-strip em{color:#3d7fd4;white-space:nowrap;font-family:cursive;font-size:22px;font-style:normal;transform:rotate(-3deg)}.about-layout{z-index:2;grid-template-columns:.78fr 1.22fr;gap:72px;display:grid;position:relative}.about-portrait{background:#07101b;border:1px solid #608bcc38;min-height:610px;position:relative;overflow:hidden}.about-portrait:before{content:"";z-index:2;background:linear-gradient(#0000 48%,#0308101f 67%,#030810f2 100%);position:absolute;inset:0}.about-portrait:after{content:"";pointer-events:none;border:1px solid #9fb8df24;position:absolute;inset:16px}.about-portrait img{object-fit:cover;object-position:center 18%;filter:saturate(.78)contrast(1.04);width:100%;height:100%}.portrait-caption{z-index:3;justify-content:space-between;align-items:baseline;display:flex;position:absolute;bottom:28px;left:34px;right:34px}.portrait-caption span{letter-spacing:.1em;font-size:13px}.portrait-caption em{color:#7f8da2;font-size:11px;font-style:normal}.about-story{display:grid}.about-story article{border-top:1px solid #6f90c02b;padding:28px 0 34px}.about-story article:first-child{border-top:0;padding-top:4px}.about-story span{color:#4a8dff;letter-spacing:.13em;font:10px ui-monospace,monospace}.about-story h3{margin:12px 0 13px;font-size:26px;font-weight:500}.about-story p{color:#8d99aa;margin:0;font-size:14px;line-height:1.9}.belief-strip{z-index:2;background:#07101d8a;border:1px solid #5d84c02b;grid-template-columns:repeat(4,1fr);margin-top:74px;display:grid;position:relative}.belief-strip div{border-right:1px solid #5d84c026;padding:26px 30px}.belief-strip div:last-child{border-right:0}.belief-strip strong{color:#66a5ff;letter-spacing:.08em;font-size:20px;display:block}.belief-strip span{color:#8491a4;margin-top:10px;font-size:12px;display:block}.journey{background:radial-gradient(circle at 72% 48%,#1a58b61a,#0000 34%),#020711}.journey-panel{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050e1bad;border:1px solid #5983c733;grid-template-columns:42% 58%;min-height:590px;display:grid;position:relative}.journey-list{border-right:1px solid #5983c72e}.journey-item{text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #5983c726;grid-template-columns:112px 1fr;align-content:center;gap:7px 16px;width:100%;min-height:104px;padding:21px 55px 21px 28px;transition:all .25s;display:grid;position:relative}.journey-item:hover,.journey-item.active{background:linear-gradient(90deg,#2164db26,#2164db04)}.journey-item.active:before{content:"";background:#438cff;width:2px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 14px #438cff}.journey-item svg{color:#4f6f9f;position:absolute;top:50%;right:22px;transform:translateY(-50%)}.journey-year{color:#5b74a0;grid-row:span 2;align-self:center;font:10px ui-monospace,monospace}.journey-company{font-size:20px;font-weight:600}.journey-role{color:#7d899c;font-size:12px}.journey-item.active .journey-company{color:#89bbff}.education-mini{border-bottom:1px solid #5983c721;align-items:center;gap:17px;padding:22px 28px;display:flex}.education-mini svg{color:#4e8ff5}.education-mini strong{font-size:13px;display:block}.education-mini span{color:#748196;margin-top:6px;font-size:11px;display:block}.journey-detail{padding:54px 62px;animation:.35s panelIn}@keyframes panelIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.detail-topline{border-bottom:1px solid #5c81bb29;justify-content:space-between;padding-bottom:18px;display:flex}.detail-topline span{color:#55a0ff;letter-spacing:.13em;font:10px ui-monospace,monospace}.detail-topline em{color:#61728e;font:10px ui-monospace,monospace}.journey-detail h3{letter-spacing:-.045em;margin:36px 0 6px;font-size:47px}.journey-detail h4{color:#71a7f4;margin:0;font-size:15px;font-weight:500}.detail-intro{color:#a1acbc;margin:29px 0 24px;font-size:15px;line-height:1.9}.journey-detail ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.journey-detail li{color:#7e8b9e;padding-left:19px;font-size:13px;line-height:1.75;position:relative}.journey-detail li:before{content:"";background:#448cff;width:6px;height:1px;position:absolute;top:.78em;left:0}.unlocked{border-top:1px solid #5c81bb29;margin-top:40px;padding-top:23px}.unlocked>span{color:#526783;letter-spacing:.12em;font:9px ui-monospace,monospace}.unlocked div{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.unlocked em{color:#aab8cb;background:#112b514d;border:1px solid #4686e63d;padding:8px 12px;font-size:11px;font-style:normal}.projects{background:linear-gradient(#020711,#040b16 42%,#020711)}.project-grid{z-index:2;grid-template-columns:repeat(3,1fr);gap:18px;display:grid;position:relative}.project-card{--accent:#3987ff;cursor:pointer;background:linear-gradient(#0a182bd1,#040b15e0);border:1px solid #5b81bc2e;outline:none;flex-direction:column;min-height:440px;padding:22px;transition:transform .35s,border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:color-mix(in srgb, var(--accent) 48%, transparent);transform:translateY(-8px);box-shadow:0 24px 70px #00000052,inset 0 1px #ffffff08}.project-card:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--accent) 22%, transparent), transparent 65%);opacity:.55;height:58%;position:absolute;inset:auto -30% -55% 25%}.tone-green{--accent:#1ed1a5}.tone-purple{--accent:#8b62ff}.tone-orange{--accent:#ff9a42}.tone-cyan{--accent:#2cc7ea}.tone-pink{--accent:#f061cf}.project-top{z-index:2;color:var(--accent);align-items:center;display:flex;position:relative}.project-no{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);background:color-mix(in srgb, var(--accent) 9%, transparent);border-radius:50%;place-items:center;width:42px;height:42px;margin-right:14px;font-size:15px;display:grid}.project-arrow{color:#56708d;margin-left:auto;transition:all .3s}.project-card:hover .project-arrow{color:var(--accent);transform:translate(3px,-3px)}.project-visual{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 18%, transparent), transparent 58%);border-top:1px solid #5f82b621;border-bottom:1px solid #5f82b621;place-items:center;height:150px;margin:18px 0 25px;display:grid;position:relative;overflow:hidden}.project-visual>span{color:color-mix(in srgb, var(--accent) 70%, #8fa3bd);letter-spacing:.14em;font:8px ui-monospace,monospace;position:absolute;bottom:8px;right:0}.visual-core{z-index:3;border:1px solid color-mix(in srgb, var(--accent) 40%, transparent);width:78px;height:78px;color:var(--accent);box-shadow:0 0 36px color-mix(in srgb, var(--accent) 23%, transparent);background:#040d1ad1;place-items:center;display:grid;position:relative;transform:rotate(45deg)}.visual-core svg{transform:rotate(-45deg)}.visual-ring{border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);border-radius:50%;position:absolute}.ring-1{width:155px;height:62px;transform:rotate(-12deg)}.ring-2{width:200px;height:86px;transform:rotate(28deg)}.project-card h3{z-index:2;margin:0;font-size:24px;font-weight:550;position:relative}.project-card>p{z-index:2;color:#8491a3;min-height:54px;margin:12px 0 22px;font-size:13px;line-height:1.75;position:relative}.project-tags{z-index:2;flex-wrap:wrap;gap:8px;display:flex;position:relative}.project-tags span{color:#718199;border:1px solid #5f82b629;padding:6px 9px;font-size:10px}.project-card:focus-visible{border-color:color-mix(in srgb, var(--accent) 62%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 22%, transparent), 0 24px 70px #00000052}.project-explore{z-index:3;color:#7c8ba0;cursor:pointer;text-align:left;background:0 0;border:0;border-top:1px solid #5f82b629;align-items:center;gap:8px;width:100%;min-height:38px;margin-top:auto;padding:13px 0 0;font-size:10px;transition:color .25s,border-color .25s;display:flex;position:relative}.project-explore:after{content:"点击卡片 · 详情页开发中";color:#52647e;letter-spacing:.05em;margin-left:auto;font:8px ui-monospace,SFMono-Regular,Menlo,monospace;transition:color .25s}.project-explore svg{color:#607792;transition:transform .25s,color .25s}.project-card:hover .project-explore{color:var(--accent);border-top-color:color-mix(in srgb, var(--accent) 28%, transparent)}.project-card:hover .project-explore:after{color:#6e8099}.project-card:hover .project-explore svg{color:var(--accent);transform:translate(3px)}.project-toast{z-index:120;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;background:#040d1be6;border:1px solid #5287db52;border-radius:8px;align-items:center;gap:12px;min-width:330px;max-width:min(520px,100vw - 32px);min-height:54px;padding:12px 18px;transition:opacity .28s,transform .28s,visibility .28s;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%,18px);box-shadow:0 18px 55px #0006,inset 0 1px #ffffff08}.project-toast.is-visible{opacity:1;visibility:visible;transform:translate(-50%)}.project-toast>i{border:1px solid #4f95ff;border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 12px #4f95ff85}.project-toast>div{align-items:baseline;gap:10px;min-width:0;display:flex}.project-toast span{color:#4d79b8;letter-spacing:.11em;white-space:nowrap;font:8px ui-monospace,SFMono-Regular,Menlo,monospace}.project-toast strong{color:#cbd7e8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.abilities{background:radial-gradient(circle at 75% 48%,#1f68dd1a,#0000 35%),#020711;grid-template-columns:.7fr 1.3fr;align-items:start;gap:90px;display:grid}.ability-intro{z-index:2;position:sticky;top:135px}.ability-intro p{color:#8491a4;max-width:420px;margin-top:28px;font-size:14px;line-height:1.9}.ability-console{z-index:2;background:#050f1dc7;border:1px solid #517fcb3b;position:relative;box-shadow:0 30px 90px #00000045}.console-head{color:#5b7090;letter-spacing:.12em;border-bottom:1px solid #517fcb2e;justify-content:space-between;align-items:center;height:52px;padding:0 22px;font:9px ui-monospace,monospace;display:flex}.console-head div{align-items:center;gap:9px;display:flex}.console-head i{background:#3b8dff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 11px #3b8dff}.console-head span{color:#39d6a7}.ability-row{border-bottom:1px solid #517fcb24;grid-template-columns:44px 1fr 126px;align-items:center;gap:16px;min-height:116px;padding:20px 24px;transition:background .25s;display:grid}.ability-row:last-child{border-bottom:0}.ability-row:hover{background:#1f58b014}.ability-index{color:#375577;font:10px ui-monospace,monospace}.ability-name{align-items:baseline;gap:12px;display:flex}.ability-name strong{font-size:20px}.ability-name em{color:#4d82cc;letter-spacing:.12em;font:9px ui-monospace,monospace}.ability-main p{color:#778497;margin:8px 0 0;font-size:12px}.ability-signal{color:#6398dc;letter-spacing:.12em;justify-content:flex-end;justify-self:end;align-items:center;gap:11px;min-width:112px;font:9px ui-monospace,monospace;display:flex}.ability-signal i{background:linear-gradient(90deg,#346fda26,#4598ff);width:44px;height:1px;position:relative;box-shadow:0 0 12px #3691ff59}.ability-signal i:after{content:"";background:#64b5ff;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;right:-2px;box-shadow:0 0 11px #3f8eff}.interests{background:linear-gradient(#020711,#040b16 45%,#020711)}.interest-cards{z-index:2;background:#5b7eb42b;border:1px solid #5b7eb42b;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;position:relative}.interest-cards article{background:#040b16;min-height:190px;padding:28px;transition:background .25s}.interest-cards article:hover{background:#071426}.interest-cards article>div{color:#418bf8;justify-content:space-between;display:flex}.interest-cards article>div span{color:#465c79;letter-spacing:.12em;font:9px ui-monospace,monospace}.interest-cards h3{margin:27px 0 12px;font-size:20px}.interest-cards p{color:#7b8799;margin:0;font-size:12px;line-height:1.7}.photo-wall{z-index:2;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:72px;grid-auto-flow:dense;gap:14px;margin-top:110px;display:grid;position:relative}.photo-wall-intro{background:linear-gradient(145deg,#173f7b33,#0000 48%),#050e1bdb;border:1px solid #5c87cb33;flex-direction:column;grid-area:span 5/span 4;justify-content:flex-end;min-height:360px;padding:42px 40px;display:flex;box-shadow:inset 0 1px #ffffff06,0 24px 70px #0000003d}.photo-wall-intro>span{color:#4a8dff;letter-spacing:.13em;font:10px ui-monospace,monospace}.photo-wall-intro h3{letter-spacing:-.035em;margin:20px 0 18px;font-size:clamp(31px,3vw,44px);line-height:1.2}.photo-wall-intro p{color:#7f8b9e;max-width:390px;margin:0;font-size:13px;line-height:1.85}.photo-wall-intro>div{color:#526b8d;letter-spacing:.12em;align-items:center;gap:10px;margin-top:32px;font:8px ui-monospace,monospace;display:flex}.photo-wall-intro>div i{background:#3f82e8;width:28px;height:1px;box-shadow:0 0 10px #3f82e880}.travel-photo{isolation:isolate;min-height:280px;animation:.72s cubic-bezier(.2,.7,.2,1) both photoIn;animation-delay:var(--photo-delay);background:#07101d;border:1px solid #7296cf2e;margin:0;position:relative;overflow:hidden;box-shadow:0 22px 65px #0000004f}.travel-photo.standard{grid-area:span 4/span 3}.travel-photo.tall{grid-area:span 6/span 3}.travel-photo.wide{grid-area:span 5/span 5}.travel-photo:before{content:"";z-index:2;opacity:.7;pointer-events:none;background:linear-gradient(#0000 45%,#020711e0 100%);transition:opacity .45s;position:absolute;inset:0}.travel-photo:after{content:"";z-index:3;pointer-events:none;border:1px solid #ffffff0f;position:absolute;inset:0}.travel-photo img{object-fit:cover;filter:saturate(.78)contrast(1.04)brightness(.92);width:100%;height:100%;transition:transform .9s cubic-bezier(.2,.7,.2,1),filter .55s}.travel-photo:hover img{filter:saturate()contrast(1.03)brightness();transform:scale(1.045)}.travel-photo:hover:before{opacity:.9}.travel-photo figcaption{z-index:4;transition:transform .4s;position:absolute;bottom:19px;left:22px;right:22px;transform:translateY(9px)}.travel-photo:hover figcaption{transform:translateY(0)}.travel-photo figcaption span{color:#b8d6ff;letter-spacing:.14em;font:9px ui-monospace,monospace}.travel-photo figcaption p{color:#e5edf8b8;opacity:0;max-width:310px;margin:8px 0 0;font-size:11px;line-height:1.55;transition:opacity .35s,transform .35s;transform:translateY(6px)}.travel-photo:hover figcaption p{opacity:1;transform:translateY(0)}@keyframes photoIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.contact{background:radial-gradient(circle at 70% 42%,#2869de24,#0000 35%),#020711;padding-bottom:35px}.contact-grid{z-index:2;grid-template-columns:.8fr 1.2fr;align-items:start;gap:90px;padding:65px 0 105px;display:grid;position:relative}.contact-copy p{color:#8390a4;max-width:480px;margin-top:28px;font-size:14px;line-height:1.9}.contact-actions{gap:12px;display:grid}.email-card,.social-placeholder{text-align:left;background:#06101fba;border:1px solid #5c87cb36;grid-template-columns:48px 1fr 30px;align-items:center;gap:15px;min-height:112px;padding:20px 24px;display:grid}.email-card{cursor:pointer;transition:all .3s}.email-card:hover{background:#091b34d9;border-color:#3e89ff8c;transform:translate(-7px)}.email-card>svg:first-child{color:#4d94ff}.email-card div{gap:5px;display:grid}.email-card span,.social-placeholder span{color:#4d77ad;letter-spacing:.13em;font:9px ui-monospace,monospace}.email-card strong,.social-placeholder strong{font-size:17px}.email-card em,.social-placeholder em{color:#66758c;font-size:10px;font-style:normal}.email-card>svg:last-child{color:#4f698b}.social-placeholder{grid-template-columns:1fr 1fr}.social-placeholder em{justify-self:end}.contact-action-row,.social-placeholder.contact-action-row{grid-template-columns:48px minmax(0,1fr) 30px}.contact-action-row>svg:first-child{color:#4d94ff}.contact-action-copy{gap:5px;min-width:0;display:grid}.contact-action-copy span{justify-self:start}.contact-action-copy strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.contact-action-copy em{justify-self:start}.contact-action-end{color:#4f698b;justify-self:end}.contact-status{color:#0000;justify-self:end;place-items:center;width:18px;height:18px;font-size:0;display:grid}.contact-status i{border:1px solid #4a84db8c;border-radius:50%;width:11px;height:11px;position:relative}.contact-status i:after{content:"";background:#4c91f7;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #4c91f7b3}footer{z-index:2;border-top:1px solid #5b81bc2e;grid-template-columns:1fr auto 1fr;align-items:center;min-height:92px;padding-top:25px;display:grid;position:relative}.footer-brand{align-items:baseline;gap:9px;display:flex}.footer-brand strong{font-size:23px}.footer-brand span,footer p{color:#617087;font-size:11px}footer p{letter-spacing:.08em}footer button{color:#8794a8;cursor:pointer;background:0 0;border:0;justify-self:end;align-items:center;gap:8px;font-size:11px;display:flex}.sound-toggle{z-index:70;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#71819a;cursor:pointer;background:#040c18b8;border:1px solid #5d87c73d;border-radius:99px;align-items:center;gap:9px;padding:10px 14px;display:flex;position:fixed;bottom:22px;right:22px}.sound-toggle svg{color:#4e90f5}.sound-toggle span{letter-spacing:.1em;font:8px ui-monospace,monospace}[data-reveal]{opacity:0;transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1);transform:translateY(30px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@media (width<=1180px){.site-header{grid-template-columns:170px 1fr 170px}.nav-link{min-width:auto;padding:0 10px;font-size:12px}.world-button{padding:10px 14px}.hero{grid-template-columns:47% 53%;min-height:860px;padding-left:44px;padding-right:44px}.hero h1 span{font-size:clamp(56px,6.7vw,78px)}.hero h1 strong{font-size:clamp(52px,6.2vw,72px)}.hero-visual{height:650px}.digital-frame{width:520px;height:650px}.tag-writing,.tag-web{right:-4%}.page-section{padding-left:38px;padding-right:38px}.section-heading{gap:60px}.project-grid{grid-template-columns:repeat(2,1fr)}.abilities{gap:55px}}@media (width<=920px){.cursor-glow{display:none}html,body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior-y:none;background:#020711}.site-header{background:linear-gradient(#020711fc,#020711f0);border-bottom-color:#7d99c833;grid-template-columns:1fr auto;width:100%;height:66px;padding:0 16px;left:0;transform:none;box-shadow:0 12px 34px #0000003d}.main-nav{transform-origin:top;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#030a14f7;border:1px solid #608bcc3d;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;height:auto;padding:10px;transition:transform .22s,opacity .22s,visibility .22s;display:grid;position:fixed;top:72px;left:12px;right:12px;transform:translateY(-12px)scale(.985);box-shadow:0 24px 64px #0000007a,inset 0 1px #ffffff06}.main-nav.is-open{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.nav-link{text-align:left;border-radius:6px;align-items:center;min-width:0;height:42px;padding:0 12px 0 18px;font-size:13px;display:flex}.nav-link:last-child{grid-column:1/-1}.nav-link:hover,.nav-link.active{background:#255db41f}.nav-link:after{width:2px;height:auto;inset:11px auto 11px 8px;transform:scaleY(0)}.nav-link.active:after{transform:scaleY(1)}.world-button{display:none}.menu-button{display:block}.hero{grid-template-columns:1fr;width:calc(100% - 28px);min-height:auto;padding:125px 30px 82px}.hero-copy{z-index:8}.hero h1{gap:12px}.hero h1 span{font-size:clamp(52px,14vw,72px)}.hero h1 strong{font-size:clamp(48px,13vw,67px)}.hero h1 i{font-size:28px}.hero h2{font-size:17px}.hero-visual{opacity:.96;height:620px;margin-top:-12px}.digital-frame{width:min(550px,96vw);height:640px;left:50%}.hero-visual:before{width:470px;height:470px}.floating-tag{transform:scale(.86)}.tag-product,.tag-ai{left:1%}.tag-writing,.tag-web{right:0}.page-section{width:calc(100% - 28px);padding:100px 28px}.section-heading{grid-template-columns:1fr;gap:28px;margin-bottom:54px}.section-heading>p{justify-self:start}.about-quote-strip{grid-template-columns:44px 1fr auto;margin-top:-34px;margin-bottom:68px}.about-layout{grid-template-columns:1fr}.about-portrait{min-height:720px}.belief-strip{grid-template-columns:repeat(2,1fr)}.belief-strip div:nth-child(2){border-right:0}.belief-strip div:nth-child(-n+2){border-bottom:1px solid #5d84c026}.journey-panel{grid-template-columns:1fr}.journey-list{border-bottom:1px solid #5983c72e;border-right:0}.journey-detail{min-height:480px;padding:45px 35px}.abilities{grid-template-columns:1fr}.ability-intro{position:relative;top:auto}.photo-wall{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:76px}.photo-wall-intro{grid-area:span 5/span 3}.travel-photo.standard{grid-area:span 4/span 3}.travel-photo.tall{grid-area:span 6/span 3}.travel-photo.wide{grid-area:span 5/span 3}.contact-grid{grid-template-columns:1fr}}@media (width<=640px){.loader-lines{min-width:270px}.hero{padding:112px 20px 68px}.hero-idea{margin-bottom:17px;font-size:11px}.hero h1{flex-wrap:wrap;row-gap:5px}.hero h1 span{font-size:52px}.hero h1 strong{font-size:48px}.hero h2{font-size:14px;line-height:1.7}.hero-copy>p br{display:none}.hero-copy>p{font-size:13px}.identity-row{flex-wrap:nowrap;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;display:grid}.identity-row span{white-space:nowrap;letter-spacing:-.015em;justify-content:center;gap:4px;min-width:0;padding:8px 4px;font-size:clamp(8.5px,2.35vw,10px);line-height:1}.identity-row svg{flex:0 0 14px;width:14px;height:14px}.hero-actions{flex-direction:column;align-items:stretch;gap:14px}.hero-actions .primary-button{justify-content:center;width:100%}.hero-actions .secondary-button{align-self:center;width:max-content}.hero-visual{height:485px;margin-top:10px}.digital-frame{width:405px;height:515px;left:50%}.portrait-halo{width:370px;height:370px;left:50%}.orbit{left:50%}.orbit-one{width:460px;height:200px}.orbit-two{width:410px;height:315px}.orbit-three{width:305px;height:430px}.floating-tag{min-width:110px;padding:9px 11px}.floating-tag small{font-size:7px}.floating-tag span{font-size:10px}.tag-product{top:22%}.tag-ai{top:62%}.tag-writing{top:31%}.tag-web{top:68%}.scroll-hint{display:none}.page-section{padding:82px 20px}.about-quote-strip{background:linear-gradient(90deg,#0e213d52,#06101e1f 68%,#112f5724);min-height:0;margin:-18px 0 48px;padding:17px 18px 15px 48px;display:block}.about-quote-strip>span{font-size:30px;position:absolute;top:15px;left:16px}.about-quote-strip p{letter-spacing:0;font-size:13px;line-height:1.72}.about-quote-strip em{text-align:right;margin-top:7px;font-size:15px;display:block;transform:none}.section-heading h2,.ability-intro h2,.contact-copy h2{font-size:38px}.about-layout{gap:42px}.about-portrait{min-height:520px}.portrait-caption{left:22px;right:22px}.belief-strip{grid-template-columns:1fr}.belief-strip div{border-bottom:1px solid #5d84c026;border-right:0}.belief-strip div:last-child{border-bottom:0}.journey-item{grid-template-columns:82px 1fr;padding-left:18px}.journey-year{font-size:8px}.journey-company{font-size:17px}.education-mini{padding-left:18px}.journey-detail{padding:36px 22px}.journey-detail h3{font-size:36px}.project-grid{grid-template-columns:1fr}.project-card{min-height:420px}.ability-row{grid-template-columns:32px 1fr}.ability-signal{grid-column:2;justify-self:start;margin-top:8px}.interest-cards{grid-template-columns:1fr}.photo-wall{grid-template-columns:1fr 1fr;grid-auto-rows:72px;gap:10px;margin-top:72px}.photo-wall-intro{grid-area:span 5/1/auto/-1;min-height:340px;padding:34px 26px}.photo-wall-intro h3{font-size:32px}.travel-photo.standard,.travel-photo.tall,.travel-photo.wide{grid-area:span 4/span 1;min-height:260px}.travel-photo.wide{grid-area:span 4/1/auto/-1}.travel-photo figcaption{bottom:14px;left:15px;right:15px}.travel-photo figcaption p{display:none}.contact-grid{gap:50px}.email-card{grid-template-columns:36px 1fr 20px;padding:17px}.email-card strong{font-size:14px}.social-placeholder{grid-template-columns:1fr;gap:6px}.social-placeholder em{justify-self:start}.social-placeholder.contact-action-row,.contact-action-row{grid-template-columns:36px minmax(0,1fr) 20px;gap:12px;padding:17px}.contact-action-copy strong{font-size:14px}.contact-status{width:16px;height:16px}.project-explore:after{content:"详情页开发中"}.project-toast{width:calc(100vw - 28px);min-width:0;bottom:14px}.project-toast>div{gap:7px}.project-toast span{display:none}footer{grid-template-columns:1fr auto}footer p{display:none}.sound-toggle{bottom:12px;right:12px}}@media (width<=360px){.site-header{padding-inline:12px}.hero{padding-left:16px;padding-right:16px}.identity-row{gap:4px}.identity-row span{padding-inline:3px;font-size:8px}.identity-row svg{flex-basis:13px;width:13px;height:13px}.main-nav{left:8px;right:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}