:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(9% .03 260);--bg-deep:oklch(6% .028 260);--surface:oklch(17% .035 260/.72);--surface-strong:oklch(22% .055 260/.82);--panel:oklch(18% .04 260/.76);--ink:oklch(94% .02 245);--ink-muted:oklch(73% .035 250);--ink-soft:oklch(60% .035 250);--cyan:oklch(78% .15 210);--violet:oklch(66% .18 300);--orange:oklch(72% .19 42);--yellow:oklch(86% .15 92);--blue-deep:var(--ink);--sky:var(--cyan);--sky-soft:oklch(16% .05 240);--paper:var(--bg);--danger:oklch(66% .22 28);--line:color-mix(in oklch, var(--ink) 12%, transparent);--line-strong:color-mix(in oklch, var(--cyan) 30%, transparent);--shadow-cyan:0 20px 60px color-mix(in oklch, var(--cyan) 12%, transparent);--font-body:"Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", system-ui, sans-serif;--font-display:"Microsoft YaHei", "PingFang SC", system-ui, sans-serif;--font-mono:"Cascadia Code", "SFMono-Regular", Consolas, monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:5rem;--space-3xl:8rem;--z-canvas:0;--z-content:1;--z-ui:8;--z-overlay:10;--z-boot:20;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-quint:cubic-bezier(.22, 1, .36, 1);--dur-fast:.15s;--dur-normal:.3s;--dur-slow:.6s;--radius-sm:6px;--radius-md:12px;--radius-lg:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;background:var(--bg-deep)}body{min-height:100vh;font-family:var(--font-body);color:var(--ink);background:linear-gradient(180deg, oklch(0% none none/.28), transparent 28%, oklch(0% none none/.22) 100%), radial-gradient(1200px 520px at 12% 0%, color-mix(in oklch, var(--violet) 22%, transparent), transparent 70%), radial-gradient(980px 520px at 88% 8%, color-mix(in oklch, var(--cyan) 18%, transparent), transparent 70%), radial-gradient(900px 480px at 50% 100%, color-mix(in oklch, var(--orange) 12%, transparent), transparent 70%), var(--bg-deep);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;line-height:1.6}body:before{content:"";z-index:-1;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,oklch(100% 5.96046e-8 none/.04) 1px,#0000 1px),linear-gradient(0deg,oklch(100% 5.96046e-8 none/.03) 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:96px 96px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}img,canvas{max-width:100%;height:auto;display:block}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}:focus:not(:focus-visible){outline:none}::selection{background-color:color-mix(in oklch, var(--cyan) 32%, transparent);color:var(--ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[hidden]{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell{flex-direction:column;min-height:100vh;display:flex}.section{width:100%;padding:var(--space-3xl) var(--space-lg)}.section-inner{width:100%;max-width:960px;margin:0 auto}.hero{background:var(--bg-deep);justify-content:center;align-items:center;min-height:100vh;padding:0;display:flex;position:relative;overflow:hidden}.hero-content{z-index:var(--z-content);text-align:center;padding:var(--space-lg);max-width:720px;position:relative}.hero-visual{z-index:var(--z-canvas);pointer-events:none;position:absolute;inset:0}.section-profile{background:var(--bg)}.section-projects{background:var(--bg-deep)}.section-notes{background:var(--bg)}.section-contact{background:var(--bg-deep)}.site-footer{padding:var(--space-xl) var(--space-lg);text-align:center;border-top:1px solid var(--line);color:var(--ink-muted);font-size:.875rem}.project-card{min-height:286px;transition:transform var(--dur-normal) var(--ease-out-quint), border-color var(--dur-normal) var(--ease-out-quint), background var(--dur-normal) var(--ease-out-quint);flex-direction:column;padding:clamp(22px,3vw,30px);display:flex;overflow:hidden}.project-card:hover{border-color:oklch(100% 5.96046e-8 none/.2) oklch(100% 5.96046e-8 none/.2) oklch(100% 5.96046e-8 none/.2) oklch(100% 5.96046e-8 none/.2);transform:translateY(-4px)}.project-card__top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.project-stage{border:1px solid color-mix(in oklch, var(--orange) 42%, transparent);min-height:28px;color:var(--orange);background:color-mix(in oklch, var(--orange) 10%, transparent);border-radius:999px;align-items:center;padding:0 10px;font-size:.78rem;font-weight:800;display:inline-flex}.project-arrow{width:34px;height:34px;color:var(--ink-muted);background:oklch(100% 5.96046e-8 none/.06);border-radius:50%;place-items:center;display:grid}.project-name{color:var(--ink);margin-bottom:12px;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.2}.project-desc{color:var(--ink-muted);margin-bottom:18px;line-height:1.75}.project-tags{margin-top:auto;margin-bottom:16px}.tag,.tag-cloud span{border:1px solid var(--line);min-height:28px;color:var(--ink-muted);background:oklch(100% 5.96046e-8 none/.05);border-radius:999px;align-items:center;padding:0 10px;font-size:.82rem;display:inline-flex}.project-link,.project-link--pending{color:var(--cyan);font-size:.9rem;font-weight:800}.project-link--pending{color:var(--ink-soft)}.notes-list{gap:14px;display:grid}.note-item{color:var(--ink-muted);grid-template-columns:auto minmax(0,1fr);gap:16px;padding:clamp(18px,3vw,26px);display:grid}.note-icon{background:color-mix(in oklch, var(--cyan) 14%, transparent);width:34px;height:34px;color:var(--cyan);border-radius:10px;place-items:center;font-weight:900;display:grid}.note-item h3{color:var(--ink);margin-bottom:6px;font-size:1.1rem}.note-item p{line-height:1.75}.contact-link--copied{border-color:var(--yellow);color:var(--yellow)}.page-shell{min-height:100vh;overflow:clip}.texture-card{border-radius:var(--radius-lg);background:linear-gradient(180deg, oklch(100% 5.96046e-8 none/.06), transparent 56%), color-mix(in oklch, var(--bg) 82%, white 7%);-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);border:1px solid oklch(100% 5.96046e-8 none/.11);border-color:oklch(100% 5.96046e-8 none/.11) oklch(100% 5.96046e-8 none/.11) oklch(100% 5.96046e-8 none/.11) oklch(100% 5.96046e-8 none/.11);position:relative;box-shadow:0 24px 52px -30px oklch(0% none none/.84),inset 0 1px oklch(100% 5.96046e-8 none/.08),inset 0 -1px oklch(0% none none/.28)}.topbar,.brand-mark,.site-nav{display:none}.hero-section{background:radial-gradient(900px 420px at 16% 4%, color-mix(in oklch, var(--violet) 24%, transparent), transparent 72%), radial-gradient(980px 500px at 72% 18%, color-mix(in oklch, var(--cyan) 19%, transparent), transparent 70%), radial-gradient(760px 360px at 78% 82%, color-mix(in oklch, var(--cyan) 13%, transparent), transparent 72%), linear-gradient(135deg, oklch(8% .035 270), oklch(7% .024 245) 46%, oklch(13% .047 196));place-items:center;min-height:100svh;padding:clamp(28px,5vw,64px);display:grid;position:relative;overflow:hidden}.hero-orbs{pointer-events:none;position:absolute;inset:0}.orb{filter:blur(44px);opacity:.7;border-radius:999px;animation:18s ease-in-out infinite alternate orbFloat;position:absolute}.orb--one{background:color-mix(in oklch, var(--violet) 26%, transparent);width:260px;height:170px;top:7%;left:5%}.orb--two{background:color-mix(in oklch, var(--cyan) 18%, transparent);width:420px;height:220px;animation-delay:-4s;top:10%;right:22%}.orb--three{background:color-mix(in oklch, var(--cyan) 14%, transparent);width:360px;height:280px;animation-delay:-8s;bottom:8%;right:20%}.orb--four{background:color-mix(in oklch, var(--sky) 12%, transparent);width:250px;height:190px;animation-delay:-12s;bottom:16%;left:12%}.hero-stage{z-index:var(--z-content);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(34px,4.6vw,60px);width:min(1080px,100%);display:grid;position:relative;transform:translateY(-6vh)}.avatar-ring{aspect-ratio:1;background:linear-gradient(white, white) padding-box, linear-gradient(135deg, oklch(100% 5.96046e-8 none/.94), color-mix(in oklch, var(--violet) 18%, white)) border-box;border:6px solid #0000;border-radius:50%;place-items:center;width:clamp(164px,13vw,220px);display:grid;box-shadow:0 30px 80px -42px oklch(0% none none/.9),0 0 0 1px oklch(100% 5.96046e-8 none/.16)}.avatar-ring span{aspect-ratio:1;color:#fff;background:radial-gradient(circle at 35% 28%, oklch(100% 5.96046e-8 none/.42), transparent 28%), linear-gradient(135deg, color-mix(in oklch, var(--cyan) 58%, transparent), color-mix(in oklch, var(--violet) 66%, transparent));letter-spacing:-.05em;border-radius:50%;place-items:center;width:76%;font-size:clamp(3.1rem,6vw,5.1rem);font-weight:900;display:grid}.hero-copy{min-width:0}.hero-title{color:#fff;letter-spacing:-.04em;text-shadow:0 12px 38px oklch(0% none none/.82);text-wrap:balance;font-family:Segoe Script,Brush Script MT,Comic Sans MS,cursive;font-size:clamp(3.1rem,5.2vw,6.2rem);line-height:.96}.hero-motto{color:oklch(100% 5.96046e-8 none/.84);max-width:620px;margin-top:16px;font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.55}.role-pills{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.role-pills span{color:oklch(100% 5.96046e-8 none/.8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:oklch(100% 5.96046e-8 none/.08);border:1px solid oklch(100% 5.96046e-8 none/.24);border-color:oklch(100% 5.96046e-8 none/.24) oklch(100% 5.96046e-8 none/.24) oklch(100% 5.96046e-8 none/.24) oklch(100% 5.96046e-8 none/.24);border-radius:999px;align-items:center;min-height:48px;padding:0 24px;display:inline-flex;box-shadow:inset 0 1px oklch(100% 5.96046e-8 none/.12)}.hero-socials{flex-wrap:wrap;gap:16px;margin-top:40px;display:flex}.hero-social{color:#fff;background:linear-gradient(180deg, oklch(100% 5.96046e-8 none/.1), oklch(100% 5.96046e-8 none/.03)), color-mix(in oklch, var(--bg) 76%, white 8%);min-height:68px;transition:transform var(--dur-fast) var(--ease-out-quint), border-color var(--dur-fast) var(--ease-out-quint), background var(--dur-fast) var(--ease-out-quint);border:1px solid oklch(100% 5.96046e-8 none/.13);border-color:oklch(100% 5.96046e-8 none/.13) oklch(100% 5.96046e-8 none/.13) oklch(100% 5.96046e-8 none/.13) oklch(100% 5.96046e-8 none/.13);border-radius:22px;align-items:center;gap:14px;padding:0 28px;font-size:clamp(1rem,1.35vw,1.28rem);font-weight:800;display:inline-flex;box-shadow:0 20px 42px -28px oklch(0% none none/.88),inset 0 1px oklch(100% 5.96046e-8 none/.1)}.hero-social:hover{background:linear-gradient(180deg, oklch(100% 5.96046e-8 none/.14), oklch(100% 5.96046e-8 none/.05)), color-mix(in oklch, var(--bg) 70%, white 10%);border-color:oklch(100% 5.96046e-8 none/.24) oklch(100% 5.96046e-8 none/.24) oklch(100% 5.96046e-8 none/.24) oklch(100% 5.96046e-8 none/.24);transform:translateY(-3px)}.hero-social__icon{color:#fff;width:28px;height:28px;font-family:var(--font-mono);background:oklch(100% 5.96046e-8 none/.09);border-radius:8px;place-items:center;font-size:.9rem;display:grid}.scroll-cue{background:oklch(100% 5.96046e-8 none/.05);border:1px solid oklch(100% 5.96046e-8 none/.28);border-color:oklch(100% 5.96046e-8 none/.28) oklch(100% 5.96046e-8 none/.28) oklch(100% 5.96046e-8 none/.28) oklch(100% 5.96046e-8 none/.28);border-radius:999px;place-items:start center;width:26px;height:42px;padding-top:8px;display:grid;position:absolute;bottom:42px;left:50%;transform:translate(-50%)}.scroll-cue span{background:oklch(100% 5.96046e-8 none/.6);border-radius:999px;width:4px;height:10px;animation:1.8s ease-in-out infinite scrollDot}.section-grid{grid-template-columns:minmax(180px,.28fr) minmax(0,1fr);gap:clamp(24px,5vw,68px);width:min(1120px,100% - 40px);margin:0 auto;padding:clamp(60px,8vw,104px) 0;display:grid}.section-heading{align-self:start;position:sticky;top:32px}.section-heading span{color:var(--cyan);font-family:var(--font-mono);font-size:.78rem}.section-heading h2{color:var(--ink);margin-top:8px;font-size:clamp(2rem,3.4vw,3.3rem);line-height:1}.about-card,.contact-panel{color:var(--ink-muted);gap:18px;padding:clamp(22px,4vw,34px);line-height:1.9;display:grid}.skills-grid,.projects-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.skill-card{padding:22px}.skill-card h3{color:var(--ink);margin-bottom:16px;font-size:1.15rem}.tag-cloud,.project-tags{flex-wrap:wrap;gap:8px;display:flex}.stack-list{border:1px solid var(--line);background:var(--line);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;display:grid;overflow:hidden}.stack-row{background:color-mix(in oklch, var(--bg-deep) 72%, transparent);gap:4px;padding:16px;display:grid}.stack-row dt{color:var(--ink);font-weight:700}.stack-row dd{color:var(--ink-muted);margin:0}.site-footer{border-top:1px solid var(--line);width:min(1120px,100% - 40px);color:var(--ink-soft);margin:0 auto;padding:32px 0 42px;font-size:.9rem}@media (width<=900px){.hero-stage{text-align:center;grid-template-columns:1fr;justify-items:center;width:min(680px,100%);transform:translateY(-3vh)}.hero-socials,.role-pills{justify-content:center}.section-grid{grid-template-columns:1fr;gap:20px}.section-heading{position:static}}@media (width<=640px){.hero-section{padding:42px 18px 82px}.hero-stage{text-align:left;justify-items:start}.avatar-ring{width:142px}.hero-title{font-size:clamp(3.2rem,17vw,4.8rem)}.role-pills,.hero-socials{justify-content:flex-start}.role-pills span{min-height:42px;padding:0 18px}.hero-social{border-radius:18px;width:100%;min-height:58px}.section-grid,.site-footer{width:min(100% - 32px,720px)}}.section--revealed{animation:sectionReveal .72s var(--ease-out-expo) both}@keyframes sectionReveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes orbFloat{0%{transform:translate(0,0)scale(1)}to{transform:translate(30px,-22px)scale(1.06)}}@keyframes scrollDot{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.section--revealed,.orb,.scroll-cue span{opacity:1;animation:none;transform:none}}@media (width<=1024px){.section{padding:var(--space-2xl) var(--space-lg)}.section-inner{max-width:100%}.hero-content{padding:var(--space-lg) var(--space-md)}.profile-row{padding:var(--space-md);grid-template-columns:140px 1fr}.projects-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (width<=760px){:root{--space-3xl:4rem;--space-2xl:3rem;--space-xl:2rem;--space-lg:1.25rem}.section{padding:var(--space-2xl) var(--space-md)}.hero-content{padding:var(--space-md);max-width:100%}.hero-title{font-size:clamp(2.25rem,9vw,4rem)}.hero-actions{align-items:stretch;gap:var(--space-sm);flex-direction:column}.btn{width:100%}.profile-row{gap:var(--space-xs);padding:var(--space-md);grid-template-columns:1fr}.profile-key{font-size:.75rem}.projects-grid{gap:var(--space-md);grid-template-columns:1fr}.project-card{padding:var(--space-md)}.note-item{padding:var(--space-md);border-radius:var(--radius-md)}.contact-list{flex-direction:column}.contact-link{justify-content:center;width:100%}.site-footer{padding:var(--space-lg) var(--space-md);font-size:.8125rem}}@media (width<=375px){.hero-title{font-size:clamp(2rem,8vw,3rem)}.hero-subtitle{font-size:.8125rem}.hero-summary{font-size:1rem}.section-title{font-size:clamp(1.25rem,5vw,1.5rem)}.project-name{font-size:1.125rem}}