:root{color:#f8fafc;--font-title:"Microsoft YaHei UI","HarmonyOS Sans SC","PingFang SC","Noto Sans CJK SC",system-ui,sans-serif;--font-body:"Microsoft YaHei UI","PingFang SC","Noto Sans CJK SC",Segoe UI,system-ui,sans-serif;--mouse-x:50vw;--mouse-y:45vh;background:#050816;font-family:Microsoft YaHei UI,HarmonyOS Sans SC,PingFang SC,Noto Sans CJK SC,Source Han Sans SC,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;scroll-behavior:smooth}html{scroll-snap-type:y mandatory;scroll-padding-top:0}body{background:#050816;min-width:320px;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.page-shell{isolation:isolate;background:radial-gradient(circle at 50% 0,#1424529e,#0000 36%),#050816;min-height:100vh;position:relative;overflow:hidden}.page-shell:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y),#7dd3fc1b,transparent 18rem),radial-gradient(circle at 14% 16%,#38bdf81f,transparent 32%),radial-gradient(circle at 78% 8%,#c4b5fd1f,transparent 34%),linear-gradient(135deg,#05081629,#02040ba8);position:fixed;inset:0}.opening-curtain{z-index:100;pointer-events:none;background:#030712;place-items:center;display:grid;position:fixed;inset:0}.opening-curtain span{will-change:transform;background:linear-gradient(135deg,#030712,#081326 58%,#0f172a);width:50vw;position:absolute;top:0;bottom:0}.opening-curtain .panel-left{transform-origin:0;left:0}.opening-curtain .panel-right{transform-origin:100%;right:0}.opening-curtain i{z-index:1;letter-spacing:-.04em;color:#e0f2fe;text-shadow:0 0 42px #7dd3fc70;font-size:clamp(4.4rem,12vw,10rem);font-style:normal;font-weight:950;position:relative}.curtain-letter{width:1em;height:.9em;line-height:.86;display:block;position:relative}.curtain-letter b{font:inherit;color:inherit;will-change:transform,opacity;display:block;position:absolute;inset:0;overflow:hidden}.curtain-letter .letter-left{clip-path:inset(0 50% 0 0);transform-origin:100%}.curtain-letter .letter-right{clip-path:inset(0 0 0 50%);transform-origin:0}.gravity-sky{z-index:0;pointer-events:none;contain:strict;position:fixed;inset:0}.liquid-field,.session-stage,.orbital-field{z-index:1;pointer-events:none;mix-blend-mode:screen;will-change:transform;contain:layout paint style;position:fixed;inset:-16vh -12vw;overflow:hidden}.liquid-field span{filter:blur(12px);opacity:.3;will-change:transform;background:radial-gradient(circle,#7dd3fc2e,#38bdf816 38%,#0000 69%);border-radius:42% 58% 63% 37%;width:42vw;min-width:300px;height:42vw;min-height:300px;position:absolute}.liquid-field span:first-child{top:5vh;left:-10vw}.liquid-field span:nth-child(2){background:radial-gradient(circle,#c4b5fd42,#8b5cf621 40%,#0000 70%);top:2vh;right:-8vw}.liquid-field span:nth-child(3){background:radial-gradient(circle,#34d39930,#2dd4bf17 43%,#0000 72%);bottom:-18vh;left:36vw}.liquid-field span:nth-child(4){opacity:.3;background:radial-gradient(circle,#0ea5e92e,#0000 72%);width:34vw;height:34vw;bottom:6vh;right:18vw}.orbital-field{z-index:1;mix-blend-mode:screen;overflow:visible}.orbit{filter:blur(.2px);border:1px solid #7dd3fc14;border-radius:43% 57% 51% 49%;width:62vw;min-width:620px;height:62vw;min-height:620px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.orbit:before{content:"";background:#7dd3fc;border-radius:50%;width:10px;height:10px;position:absolute;top:21%;left:12%;box-shadow:0 0 24px #7dd3fccc}.orbit-b{border-color:#c4b5fd13;border-radius:58% 42% 47% 53%;width:48vw;height:48vw}.orbit-b:before{background:#c4b5fd;top:62%;left:76%;box-shadow:0 0 22px #c4b5fdbf}.orbit-c{border-color:#34d3990e;border-radius:50%;width:74vw;height:42vw;transform:translate(-50%,-50%)rotate(-12deg)}.orbit-c:before{background:#5eead4;top:3%;left:49%;box-shadow:0 0 20px #5eead4b3}.session-stage{z-index:1;perspective:900px}.beam{filter:blur(18px);opacity:.62;will-change:transform;background:linear-gradient(90deg,#0000,#7dd3fc52,#c4b5fd45,#0000);border-radius:999px;width:80vw;height:25vh;position:absolute}.beam-a{top:22vh;left:-8vw;transform:rotate(-18deg)}.beam-b{top:50vh;right:-15vw;transform:rotate(-28deg)}.ribbon{filter:blur(6px);opacity:.34;clip-path:polygon(0 54%,14% 42%,34% 58%,54% 37%,75% 55%,100% 44%,100% 72%,76% 84%,52% 68%,31% 84%,12% 68%,0 78%);will-change:transform;background:linear-gradient(100deg,#0000,#ffffff21,#7dd3fc30,#c4b5fd26,#0000);border-radius:50%;width:72vw;height:16vh;position:absolute}.ribbon-a{top:34vh;left:-4vw;transform:rotate(-17deg)}.ribbon-b{bottom:20vh;right:-10vw;transform:rotate(-9deg)}.grid{opacity:.28;background-image:linear-gradient(#7dd3fc24 1px,#0000 1px),linear-gradient(90deg,#7dd3fc1c 1px,#0000 1px);background-size:72px 72px;height:70vh;animation:18s linear infinite grid;position:absolute;top:22vh;left:8vw;right:8vw;transform:rotateX(62deg)rotate(-18deg);-webkit-mask-image:radial-gradient(#000000b8,#0000 72%);mask-image:radial-gradient(#000000b8,#0000 72%)}.spotlight{filter:blur(18px);background:radial-gradient(circle,#ffffff24,#7dd3fc1a 24%,#0000 72%);border-radius:999px;width:34vw;min-width:260px;height:34vw;min-height:260px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.cursor-halo{z-index:2;pointer-events:none;filter:blur(5px);mix-blend-mode:screen;will-change:transform;contain:layout paint style;background:radial-gradient(circle,#e0f2fe1c,#7dd3fc0b 40%,#0000 72%);border-radius:999px;width:128px;height:128px;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}main{z-index:2;position:relative}.topbar{z-index:30;-webkit-backdrop-filter:blur(20px)saturate(1.42)contrast(1.06);background:linear-gradient(135deg,#ffffff2e,#ffffff0e 42%,#7dd3fc0f),#050c1a8a;border:1px solid #e2f2ff40;border-radius:999px;justify-content:space-between;align-items:center;width:min(1120px,100% - 32px);max-width:100vw;padding:12px 14px 12px 16px;display:flex;position:fixed;top:22px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 1px #ffffff52,inset 0 -1px #ffffff14,0 14px 34px #00000038}.topbar:before{content:"";border-radius:inherit;pointer-events:none;opacity:.82;background:linear-gradient(120deg,#ffffff38,#0000 24%,#7dd3fc1a 70%,#0000);position:absolute;inset:1px}.topbar>*{z-index:1;position:relative}.brand{font-family:var(--font-title);letter-spacing:-.02em;align-items:center;gap:10px;font-weight:900;display:inline-flex}.logo-mark{background:linear-gradient(145deg,#ffffff21,#7dd3fc0a);border-radius:16px;place-items:center;width:42px;height:42px;display:grid;box-shadow:inset 0 1px #ffffff3d,0 12px 28px #0ea5e91f}.logo-mark svg{width:38px;height:38px;display:block}.brand-text{white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.topbar nav{color:#d4dfed;gap:24px;font-size:14px;display:flex}.topbar nav a{transition:color .2s;position:relative}.topbar nav a:after{content:"";background:#7dd3fc;border-radius:999px;width:0;height:2px;transition:width .22s;position:absolute;bottom:-8px;left:50%;transform:translate(-50%);box-shadow:0 0 12px #7dd3fccc}.topbar nav a:hover,.topbar nav a.is-active{color:#fff}.topbar nav a.is-active:after{width:18px}.mail{color:#dff6ff;min-height:44px;font:inherit;cursor:pointer;background:#7dd3fc16;border:1px solid #7dd3fc42;border-radius:999px;padding:9px 16px;font-weight:800;transition:transform .22s,border-color .22s,background .22s;position:relative}.mail:hover{background:#7dd3fc21;border-color:#7dd3fc6b;transform:translateY(-1px)}.mail:after{content:var(--copy-hint,"????");white-space:nowrap;color:#dff6ff;opacity:0;pointer-events:none;background:#030712c7;border:1px solid #7dd3fc33;border-radius:999px;padding:5px 10px;font-size:12px;transition:opacity .2s;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.mail:hover:after{opacity:1}.menu-toggle{color:#e0f2fe;cursor:pointer;background:#ffffff12;border:1px solid #e2f2ff38;border-radius:999px;place-items:center;width:46px;height:46px;padding:0;transition:background .22s,border-color .22s;display:none}.menu-toggle span{background:currentColor;border-radius:999px;width:18px;height:2px;transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .22s;display:block}.menu-toggle span+span{margin-top:4px}.menu-toggle.is-open span:first-child{transform:translateY(6px)rotate(45deg)}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.mobile-menu{z-index:25;-webkit-backdrop-filter:blur(22px)saturate(1.45);opacity:0;pointer-events:none;background:linear-gradient(135deg,#ffffff2b,#ffffff0e 42%,#7dd3fc0f),#050c1ac2;border:1px solid #e2f2ff38;border-radius:24px;width:min(560px,100% - 28px);padding:18px;transition:opacity .24s,transform .32s cubic-bezier(.16,1,.3,1);position:fixed;top:82px;left:50%;transform:translate(-50%,-12px)scale(.98);box-shadow:inset 0 1px #ffffff4d,0 18px 48px #00000057}.mobile-menu.is-open{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.mobile-menu a{color:#e8f3ff;background:#ffffff09;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;min-height:54px;padding:0 16px;font-weight:850;display:flex}.mobile-menu a+a{margin-top:10px}.mobile-menu a:hover{background:#7dd3fc1c;border-color:#7dd3fc38}.is-pressing{filter:saturate(1.05);transform:scale(.985);transition:transform .16s,filter .16s!important}.glass.is-pressing{transform:translateY(-1px)scale(.992)}.primary.is-pressing,.secondary.is-pressing,.mail.is-pressing{transform:scale(.985)}.section{width:min(1140px,100% - clamp(28px,5vw,64px));margin:0 auto;padding:88px 0}.page-section{scroll-snap-align:start;scroll-snap-stop:always;flex-direction:column;justify-content:center;min-height:100svh;padding-top:clamp(96px,11vh,122px);padding-bottom:clamp(44px,6vh,72px);display:flex}.hero{grid-template-columns:minmax(0,1.08fr) minmax(300px,.78fr);align-items:center;gap:clamp(24px,4vw,44px);padding-top:clamp(108px,12vh,132px);padding-bottom:clamp(42px,6vh,64px);display:grid}.pill{color:#dff6ff;background:#7dd3fc1a;border:1px solid #7dd3fc38;border-radius:999px;padding:9px 15px;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff24}.hero h1,.contact h2,.section-title{font-family:var(--font-title);letter-spacing:-.038em;color:#f8fbff;text-wrap:balance;text-shadow:0 1px #bfeaff,0 2px #4578a5c7,0 4px #122a4aa8,0 16px 36px #38bdf838,0 32px 68px #0000006b;font-weight:950;line-height:1}.hero h1{margin:24px 0 22px;font-size:clamp(2rem,7vw,5.35rem)}.section-title{margin:0;font-size:clamp(2.05rem,4.1vw,3.35rem)}.contact h2{margin:0 0 16px;font-size:clamp(2rem,4.45vw,3.75rem);line-height:1.04}.hero-title span,.section-heading{will-change:transform}.section-heading{overflow:visible}.lead,.section-head p{color:#d8e4f3;max-width:62ch;font-family:var(--font-body);letter-spacing:.01em;text-wrap:pretty;font-size:1.12rem;line-height:1.92}.section-head{grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);align-items:end;gap:34px;margin-bottom:30px;display:grid}.section-head.narrow{max-width:920px;display:block}.actions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.contact-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.primary,.secondary{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:11px 18px;font-weight:850;transition:transform .24s,background .24s,border-color .24s;display:inline-flex}.primary{color:#03111f;background:linear-gradient(135deg,#e0f2fe,#7dd3fc 52%,#c4b5fd)}.secondary{color:#dbeafe;background:#ffffff0e;border:1px solid #e2e8f033}.primary:hover,.secondary:hover{transform:translateY(-2px)}.stats,.skill-grid,.project-grid,.about-grid{gap:18px;display:grid}.stats{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.glass{isolation:isolate;-webkit-backdrop-filter:blur(18px)saturate(1.38)contrast(1.06);background:linear-gradient(135deg,#fff3,#fff1 36%,#7dd3fc12 68%,#ffffff09),#080e1e6b;border:1px solid #ebf8ff3d;border-radius:22px;transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .28s,box-shadow .28s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff57,inset 0 -1px #ffffff1a,0 14px 38px #0000002e}.glass:before{content:"";z-index:-1;pointer-events:none;opacity:.86;background:radial-gradient(circle at 18% 0,#ffffff42,#0000 30%),radial-gradient(circle at 82% 100%,#7dd3fc21,#0000 34%),linear-gradient(120deg,#ffffff26,#0000 28%,#ffffff12 62%,#0000);position:absolute;inset:0}.glass:after{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--shine-angle,0deg),transparent 0 24%,#e0f2feb8,#7dd3fc6b,transparent 48% 100%);-webkit-mask-composite:xor;opacity:0;padding:1px;transition:opacity .28s;animation:4.8s linear infinite paused borderFlow;position:absolute;inset:1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass:hover{border-color:#e2f2ff5c;transform:translateY(-3px);box-shadow:inset 0 1px #ffffff61,inset 0 -1px #ffffff1f,0 18px 44px #00000038}.glass:hover:after{opacity:.82;animation-play-state:running}.card{padding:18px}.card strong{color:#fff;font-size:1.58rem;display:block}.card span,.panel p,.project-card p,.contact p{color:#d1deee;font-family:var(--font-body);letter-spacing:.01em;line-height:1.82}.portrait{transform-style:preserve-3d;max-width:85vw;margin-left:auto;margin-right:auto;padding:14px}.avatar-frame{margin:0;display:block;position:relative}.avatar-frame img{aspect-ratio:4/5;object-fit:cover;border-radius:16px;width:100%;display:block}.mini-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.mini-grid div,.mini-panel{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:14px;padding:14px}small{color:#7dd3fc}.mini-grid b,.mini-panel b{margin-top:4px;display:block}.about-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);align-items:stretch;gap:18px;display:grid}.about-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{min-width:0;padding:clamp(22px,2.4vw,28px)}.statement-panel{flex-direction:column;justify-content:space-between;min-height:100%;padding:30px;display:flex}.statement-panel h3{font-family:var(--font-title);color:#fff;margin:0 0 14px;font-size:1.62rem}.statement-panel p{color:#d1deee;margin:0;line-height:1.85}.statement-row{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.statement-row span{color:#dff6ff;background:#7dd3fc12;border:1px solid #7dd3fc33;border-radius:999px;padding:8px 12px;font-weight:800}.feature-panel{min-height:205px}.panel h3,.project-card h3{font-family:var(--font-title);color:#fff;letter-spacing:-.02em;margin-top:0;font-size:1.36rem;font-weight:850}.skill-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card img{object-fit:cover;content-visibility:auto;width:100%;height:230px}.project-card div{padding:24px}.contact-layout{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:18px;display:grid}.contact-main{flex-direction:column;justify-content:center;min-height:0;padding:32px 40px 42px;display:flex}.contact-stack{gap:18px;display:grid}.mini-panel{padding:28px}.contact-links{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;max-width:620px;margin-top:10px}.contact-links .secondary{white-space:normal;text-align:center;overflow-wrap:anywhere;min-width:0}.contact-chip{cursor:default;-webkit-user-select:text;user-select:text}@property --shine-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes borderFlow{to{--shine-angle:360deg}}@keyframes grid{to{background-position:144px 72px}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass,.topbar,.mobile-menu{background:#080e1ee0}}@media (width<=768px){.page-section{scroll-snap-align:none;justify-content:flex-start;min-height:auto;padding-top:140px;padding-bottom:140px}.section{width:calc(100% - 32px);padding:0}.contact-links{margin-top:14px;transform:none}.topbar{border-radius:24px;width:calc(100% - 20px);max-width:100vw;padding:8px 10px;top:10px}.topbar nav,.mail{display:none}.menu-toggle{display:grid}.brand{gap:5px}.brand-text{white-space:nowrap;text-overflow:ellipsis;max-width:55px;font-size:13px;overflow:hidden}.logo-mark{width:30px;height:30px}.logo-mark svg{width:26px;height:26px}.beam,.ribbon,.cursor-halo,.orbital-field,.glass:after,.grid{display:none}.liquid-field span{filter:blur(20px);opacity:.08}.hero h1{margin:10px 0;font-size:clamp(1.75rem,8.5vw,2.4rem)}.section-title{font-size:clamp(1.45rem,6.5vw,1.9rem)}.contact h2{margin-top:18px;font-size:clamp(1.35rem,5.5vw,1.8rem);line-height:1.12}.lead,.section-head p{font-size:.9rem;line-height:1.6}.pill{padding:5px 9px;font-size:11px}.card strong{font-size:1.05rem}.card span,.panel p,.project-card p,.contact p{font-size:.83rem;line-height:1.55}.panel h3,.project-card h3,.statement-panel h3{font-size:1.1rem}.statement-panel p{font-size:.86rem;line-height:1.6}.hero{grid-template-columns:1fr;gap:36px;padding-top:68px;padding-bottom:34px}.hero .portrait{max-width:84vw;margin:0 auto;padding:10px}.stats{grid-template-columns:repeat(3,1fr);gap:14px}.card{padding:14px}.actions{flex-direction:column;gap:16px}.actions a{text-align:center;justify-content:center;width:100%}.mini-grid{grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.section-head{grid-template-columns:1fr;gap:16px;margin-bottom:40px}.section-title{margin-top:20px}.section-head.narrow{max-width:100%;margin-top:48px}.about-layout{grid-template-columns:1fr;align-items:start;gap:48px}.about-grid{grid-template-columns:1fr;gap:32px}.statement-panel{min-height:auto;padding:32px}.feature-panel{height:auto;min-height:auto;padding:26px}.skill-grid{grid-template-columns:1fr 1fr;gap:26px}.project-grid{grid-template-columns:1fr;gap:32px}.project-card img{height:160px}.project-card div{padding:16px}.contact-layout{grid-template-columns:1fr;align-items:start;gap:48px}.contact-main{padding:34px 24px}.contact-stack{gap:30px}.mini-panel{padding:26px}.contact-links{grid-template-columns:1fr 1fr;gap:12px;max-width:100%}.contact-links .secondary{white-space:normal;overflow-wrap:break-word;min-height:36px;padding:8px 6px;font-size:11px}.glass:hover{transform:none}.mobile-menu{top:52px}.mobile-menu a{min-height:44px;padding:0 12px;font-size:14px}html{scroll-snap-type:none}}@media (width<=400px){.hero h1{font-size:clamp(1.5rem,7.5vw,1.85rem)}.section-title{font-size:clamp(1.28rem,5.5vw,1.6rem)}.contact h2{font-size:clamp(1.18rem,5vw,1.5rem)}.stats{gap:5px}.card{padding:8px}.card strong{font-size:.95rem}.card span{font-size:.76rem}.skill-grid{grid-template-columns:1fr;gap:22px}.contact-links{grid-template-columns:1fr}.project-card img{height:130px}.section{width:calc(100% - 20px)}.contact-main{padding:16px 12px}.about-layout,.contact-layout{gap:40px}}