:root{color-scheme:dark;--font-heading: Orbitron, "Share Tech Mono", "Arial Black", "Microsoft YaHei", monospace;--font-body: "JetBrains Mono", "Fira Code", Consolas, "Microsoft YaHei", monospace;--bg: #0a0a0f;--card: #12121a;--muted-panel: #1c1c2e;--panel: rgba(18, 18, 26, .78);--panel-strong: rgba(18, 18, 26, .94);--line: #2a2a3a;--line-bright: rgba(0, 255, 136, .62);--text: #e0e0e0;--muted: #6b7280;--soft: #a8b3bd;--accent: #00ff88;--accent-2: #ff00ff;--accent-3: #00d4ff;--danger: #ff3366;--shadow-neon: 0 0 5px #00ff88, 0 0 10px #00ff8840;--shadow-neon-lg: 0 0 10px #00ff88, 0 0 20px #00ff8860, 0 0 40px #00ff8830;--shadow-magenta: 0 0 5px #ff00ff, 0 0 20px #ff00ff60;--shadow-cyan: 0 0 5px #00d4ff, 0 0 20px #00d4ff60;--chamfer: polygon(0 14px, 14px 0, calc(100% - 14px) 0, 100% 14px, 100% calc(100% - 14px) , calc(100% - 14px) 100%, 14px 100%, 0 calc(100% - 14px) );--chamfer-sm: polygon(0 8px, 8px 0, calc(100% - 8px) 0, 100% 8px, 100% calc(100% - 8px) , calc(100% - 8px) 100%, 8px 100%, 0 calc(100% - 8px) );--max: 1700px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:0;overflow-x:hidden;color:var(--text);font-family:var(--font-body);background:radial-gradient(circle at 82% 8%,rgba(255,0,255,.13),transparent 28vw),radial-gradient(circle at 12% 16%,rgba(0,212,255,.12),transparent 30vw),radial-gradient(circle at 50% 120%,rgba(0,255,136,.08),transparent 36vw),linear-gradient(180deg,#050508 0%,var(--bg) 46%,#030306 100%)}body:before{position:fixed;inset:0;z-index:-2;pointer-events:none;content:"";opacity:.72;background-image:linear-gradient(rgba(0,255,136,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.04) 1px,transparent 1px);background-size:50px 50px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 78%);mask-image:linear-gradient(to bottom,black,transparent 78%)}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(calc(100% - 96px),var(--max));margin:0 auto}.site-nav{position:fixed;top:24px;left:50%;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;width:min(calc(100% - 96px),var(--max));transform:translate(-50%);padding:14px 18px;border:1px solid rgba(0,255,136,.28);color:var(--text);background:linear-gradient(90deg,#0a0a0fc7,#1c1c2e8f);box-shadow:0 0 0 1px #00d4ff17,0 0 24px #00ff881a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);clip-path:var(--chamfer-sm)}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--text)}.brand span{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--accent);color:var(--accent);text-shadow:0 0 10px rgba(0,255,136,.7);box-shadow:var(--shadow-neon);letter-spacing:0;-webkit-user-select:auto;user-select:auto}.brand small,.kicker{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.site-nav nav{display:flex;justify-content:center;gap:36px;color:var(--soft);font-size:14px;letter-spacing:.18em;text-transform:uppercase}.site-nav nav a{transition:color .25s ease}.site-nav nav a:hover{color:var(--accent);text-shadow:0 0 8px rgba(0,255,136,.85)}.nav-contact,.hero-actions a{display:inline-flex;min-height:42px;align-items:center;justify-content:center;border:2px solid var(--accent);padding:0 18px;color:var(--accent);background:#00ff8805;clip-path:var(--chamfer-sm);font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:transform .25s ease,border-color .25s ease,background .25s ease}.nav-contact:hover,.hero-actions a:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--bg);background:var(--accent);box-shadow:var(--shadow-neon-lg)}.nav-contact{font-size:16px}.hero{position:relative;display:grid;min-height:100vh;overflow:hidden;place-items:end start;color:var(--text);isolation:isolate}.hero-video,.hero-fallback,.hero-overlay{position:fixed;inset:0}.hero-video{z-index:-4;width:100%;height:100%;object-fit:cover;object-position:70% center;opacity:.72;filter:saturate(1.18) contrast(1.08) brightness(.82) hue-rotate(10deg)}.hero-fallback{z-index:-5;display:grid;grid-template-columns:repeat(4,32vw);width:128vw;animation:heroDrift 34s linear infinite alternate;opacity:.5}.hero-fallback img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.04) brightness(.62)}.hero-overlay{position:fixed;inset:0;z-index:-2;content:"";pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.22) 3px,rgba(0,0,0,.22) 5px),linear-gradient(90deg,#0a0a0ff7,#0a0a0f9e 42%,#0a0a0feb),radial-gradient(circle at 20% 38%,rgba(0,255,136,.16),transparent 28vw),radial-gradient(circle at 84% 22%,rgba(255,0,255,.14),transparent 25vw),linear-gradient(0deg,#0a0a0f,#0a0a0f2e 38%,#0a0a0fa3)}.hero-content{position:relative;z-index:2;padding:220px 0 12vh}.hero h1{position:relative;font-family:var(--font-heading);max-width:1100px;margin:18px 0 28px;font-size:clamp(96px,10vw,188px);font-weight:900;line-height:.88;letter-spacing:.08em;text-transform:uppercase;color:var(--text);filter:drop-shadow(0 0 20px rgba(0,255,136,.32));animation:heroGlitch 4.8s infinite steps(1)}.hero h1 span{display:block;margin-top:20px;color:#00d4ffd1;font-size:clamp(44px,4.2vw,76px);font-weight:700;line-height:1.05;letter-spacing:.05em;text-shadow:0 0 18px rgba(0,212,255,.4)}.cyber-glitch:before,.cyber-glitch:after{position:absolute;top:0;left:0;content:attr(data-text);pointer-events:none}.cyber-glitch:before{color:var(--accent-2);clip-path:inset(0 0 58% 0);transform:translate(-3px,1px);opacity:.72;animation:glitchSlice 2.8s infinite steps(2)}.cyber-glitch:after{color:var(--accent-3);clip-path:inset(48% 0 0 0);transform:translate(3px,-1px);opacity:.72;animation:glitchSlice 3.4s infinite reverse steps(2)}.hero-copy{max-width:760px;margin:0 0 36px;color:var(--soft);font-size:20px;line-height:1.8;letter-spacing:.06em}.hero-copy:before{color:var(--accent);content:"> "}.hero-copy:after{display:inline-block;width:8px;height:1em;margin-left:8px;background:var(--accent);box-shadow:var(--shadow-neon);content:"";vertical-align:-.12em;animation:blink 1s step-end infinite}.hero-hud{display:flex;flex-wrap:wrap;gap:8px;max-width:880px;margin:-14px 0 28px}.hero-hud span{padding:8px 12px;border:1px solid rgba(0,212,255,.36);color:var(--accent-3);background:#00d4ff14;box-shadow:var(--shadow-cyan);clip-path:var(--chamfer-sm);font-size:12px;letter-spacing:.18em;text-transform:uppercase}.hero-actions{display:flex;gap:14px}.hero-actions a{min-height:52px;padding:0 26px}.hero-actions a:first-child{border-color:var(--accent);background:var(--accent);color:var(--bg);box-shadow:var(--shadow-neon)}.hero-actions a:nth-child(2){border-color:var(--accent-2);color:var(--accent-2)}.hero-actions a:nth-child(2):hover{background:var(--accent-2);color:var(--bg);box-shadow:var(--shadow-magenta)}.scroll-cue{position:absolute;right:48px;bottom:44px;z-index:2;color:var(--muted);font-size:12px;letter-spacing:.14em;text-transform:uppercase;writing-mode:vertical-rl}.section{position:relative;z-index:2;padding:140px 0;background:linear-gradient(rgba(0,255,136,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.028) 1px,transparent 1px),var(--bg);background-size:50px 50px}.section-heading{max-width:920px;margin-bottom:58px}.section-heading h2,.contact-inner h2{margin:12px 0 0;font-family:var(--font-heading);font-size:64px;font-weight:900;line-height:1.05;letter-spacing:.08em;text-transform:uppercase;text-shadow:-2px 0 rgba(255,0,255,.8),2px 0 rgba(0,212,255,.8),0 0 20px rgba(0,255,136,.24)}.section-heading p:not(.kicker){margin:18px 0 0;color:var(--soft);font-size:18px;line-height:1.75}.about-grid{display:grid;grid-template-columns:.72fr 1fr;gap:78px;align-items:start}.portrait-wrap{position:sticky;top:120px;overflow:hidden;border:1px solid rgba(0,255,136,.28);background:var(--card);box-shadow:inset 0 0 0 1px #00d4ff1f,var(--shadow-neon);clip-path:var(--chamfer)}.portrait-wrap img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;filter:saturate(.9) contrast(1.04)}.about-copy .lead{margin:0 0 34px;color:#dce5eb;font-size:25px;line-height:1.75}.bio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-bottom:46px;border:1px solid rgba(0,255,136,.25);background:#00ff8840;clip-path:var(--chamfer)}.bio-grid div{min-height:108px;padding:24px;background:#12121af0}.bio-grid span{display:block;margin-bottom:12px;color:var(--muted);font-size:13px}.bio-grid strong{color:var(--accent);font-size:22px;font-weight:560;text-shadow:0 0 8px rgba(0,255,136,.36)}.education{padding:34px;border:1px solid rgba(0,212,255,.36);background:#0a0a0feb;box-shadow:var(--shadow-cyan);clip-path:var(--chamfer)}.terminal-panel{position:relative;padding-top:58px}.terminal-panel:before{position:absolute;top:18px;left:24px;width:9px;height:9px;border-radius:50%;background:var(--danger);box-shadow:18px 0 #ffd166,36px 0 var(--accent),0 0 12px var(--danger);content:""}.terminal-panel:after{position:absolute;top:16px;right:24px;color:var(--accent-3);content:"EDU_TERMINAL.exe";font-size:11px;letter-spacing:.18em}.education h3{margin:12px 0;font-size:30px}.education p{color:var(--soft);line-height:1.75}.timeline{margin-top:92px;border-top:1px solid rgba(0,255,136,.28)}.timeline article{display:grid;grid-template-columns:260px 1fr;gap:64px;padding:34px 0;border-bottom:1px solid rgba(0,255,136,.18);background:linear-gradient(90deg,rgba(0,255,136,.035),transparent);transition:all .15s steps(4)}.timeline article:hover{padding-left:18px;border-color:var(--accent);box-shadow:inset 4px 0 0 var(--accent),var(--shadow-neon)}.timeline time{color:var(--accent);font-size:14px;font-weight:700}.timeline h3{margin:0;font-family:var(--font-heading);font-size:30px;text-transform:uppercase}.timeline .role{margin:10px 0 16px;color:var(--accent-3)}.timeline p{max-width:980px;margin:0;color:var(--soft);font-size:17px;line-height:1.75}.skills{background:radial-gradient(circle at 82% 10%,rgba(255,0,255,.12),transparent 30vw),linear-gradient(rgba(0,255,136,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,136,.032) 1px,transparent 1px),#08080d;background-size:auto,50px 50px,50px 50px,auto}.software-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.software-card{display:grid;min-height:178px;align-content:space-between;padding:24px;border:1px solid var(--line);background:linear-gradient(145deg,#1c1c2eeb,#12121ab8);clip-path:var(--chamfer);transition:transform .28s ease,border-color .28s ease,background .28s ease}.software-card:hover{transform:translateY(-5px) skew(-1deg);border-color:var(--accent);background:linear-gradient(145deg,#00ff881f,#12121ae0);box-shadow:var(--shadow-neon)}.software-card img{width:56px;height:56px;object-fit:contain}.software-card span{color:var(--accent);font-size:15px;letter-spacing:.08em;text-transform:uppercase}.works{padding-bottom:80px}.project-band{padding:36px 0 118px}.project-heading{display:grid;grid-template-columns:.9fr 1fr;gap:80px;align-items:end;margin-bottom:34px}.project-heading h3{margin:10px 0 0;font-family:var(--font-heading);font-size:48px;line-height:1.05;letter-spacing:.06em;text-transform:uppercase;text-shadow:0 0 18px rgba(255,0,255,.22)}.project-heading p:last-child{max-width:760px;margin:0;color:var(--soft);font-size:17px;line-height:1.75}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.work-card{position:relative;display:block;overflow:hidden;padding:0;border:1px solid rgba(0,212,255,.2);color:var(--text);cursor:zoom-in;background:var(--card);clip-path:var(--chamfer);transition:transform .16s steps(4),border-color .16s steps(4),box-shadow .16s steps(4)}.work-card img{display:block;width:100%;height:auto;object-fit:contain;transition:transform .55s ease,filter .55s ease}.work-card span{position:absolute;right:18px;bottom:18px;opacity:0;padding:10px 12px;border:1px solid var(--accent);color:var(--accent);font-size:12px;background:#0a0a0fd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);clip-path:var(--chamfer-sm);transition:opacity .35s ease}.work-card:hover{transform:translateY(-3px) skew(-.5deg);border-color:var(--accent);box-shadow:var(--shadow-neon-lg)}.work-card:hover img{transform:scale(1.025);filter:brightness(.86) saturate(1.16) contrast(1.08)}.work-card:hover span{opacity:1}.contact-page{position:relative;z-index:2;display:grid;min-height:100vh;place-items:center;background:linear-gradient(180deg,#0a0a0f6b,#0a0a0ffa),radial-gradient(circle at 25% 40%,rgba(0,255,136,.16),transparent 34vw),radial-gradient(circle at 82% 20%,rgba(255,0,255,.15),transparent 26vw),url(/assets/projects/tuscany/Q-8.png) center / cover;isolation:isolate}.contact-inner{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:center;max-width:1280px}.contact-inner h2{max-width:980px;font-size:86px}.contact-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:42px}.contact-links a{display:inline-flex;min-height:56px;align-items:center;justify-content:center;padding:0 22px;border:2px solid var(--accent);color:var(--accent);background:#0a0a0fad;box-shadow:var(--shadow-neon);clip-path:var(--chamfer-sm);letter-spacing:.1em}.contact-links a:hover{color:var(--bg);background:var(--accent)}.wechat-card{position:relative;display:grid;gap:16px;justify-items:center;padding:22px;border:1px solid rgba(0,212,255,.42);background:#0a0a0fdb;box-shadow:var(--shadow-cyan);clip-path:var(--chamfer)}.wechat-card:before,.wechat-card:after{position:absolute;width:26px;height:26px;content:""}.wechat-card:before{top:12px;left:12px;border-top:2px solid var(--accent);border-left:2px solid var(--accent)}.wechat-card:after{right:12px;bottom:12px;border-right:2px solid var(--accent-2);border-bottom:2px solid var(--accent-2)}.wechat-card span{color:var(--accent-3);font-size:12px;letter-spacing:.22em}.wechat-card img{width:min(100%,260px);aspect-ratio:1;padding:10px;background:#fff;object-fit:contain}.wechat-card p{margin:0;color:var(--accent);font-size:14px;letter-spacing:.18em;text-transform:uppercase}.lightbox{position:fixed;inset:0;z-index:100;display:grid;width:100%;height:100%;padding:42px;place-items:center;border:0;color:var(--text);cursor:zoom-out;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.36) 2px,rgba(0,0,0,.36) 4px),#000000e8}.lightbox span{position:fixed;top:28px;right:32px;padding:10px 14px;border:1px solid var(--danger);color:var(--danger);background:#0a0a0feb;box-shadow:0 0 12px #ff336661;clip-path:var(--chamfer-sm)}.lightbox img{max-width:96vw;max-height:90vh;object-fit:contain;border:1px solid rgba(0,212,255,.36);box-shadow:var(--shadow-cyan),0 28px 90px #0000009e}[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s ease}[data-reveal].is-visible{opacity:1;transform:translateY(0)}@keyframes heroDrift{0%{transform:translateZ(0) scale(1.02)}to{transform:translate3d(-22vw,0,0) scale(1.06)}}@keyframes heroGlitch{0%,92%,to{transform:translate(0)}93%{transform:translate(-2px,2px) skew(2deg)}94%{transform:translate(3px,-1px) skew(-3deg)}95%{transform:translate(-1px,-2px)}}@keyframes glitchSlice{0%,88%,to{clip-path:inset(0 0 58% 0)}90%{clip-path:inset(12% 0 64% 0)}92%{clip-path:inset(72% 0 4% 0)}94%{clip-path:inset(38% 0 34% 0)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(max-width:1300px){.software-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.site-nav{width:min(calc(100% - 48px),var(--max))}.about-grid{grid-template-columns:.82fr 1fr;gap:48px}}@media(max-width:900px){.shell{width:min(calc(100% - 32px),var(--max))}.site-nav{top:12px;grid-template-columns:auto 1fr;gap:14px;width:min(calc(100% - 24px),var(--max));padding:10px 12px}.brand{gap:8px}.brand span{width:34px;height:34px;font-size:15px}.brand small{font-size:10px;letter-spacing:.16em}.site-nav nav{justify-content:end;gap:12px;font-size:12px;letter-spacing:.08em}.nav-contact{display:none}.hero{min-height:100svh;place-items:end start}.hero-video{object-position:58% center;opacity:.62}.hero-overlay{background:repeating-linear-gradient(0deg,transparent,transparent 4px,rgba(0,0,0,.16) 4px,rgba(0,0,0,.16) 6px),linear-gradient(90deg,#0a0a0ff7,#0a0a0fc2),radial-gradient(circle at 18% 42%,rgba(0,255,136,.14),transparent 70vw),linear-gradient(0deg,#0a0a0f,#0a0a0f33 45%,#0a0a0fc7)}.hero-content{padding:132px 0 70px}.hero h1{max-width:100%;margin:14px 0 20px;font-size:clamp(58px,20vw,92px);letter-spacing:.03em}.hero h1 span{margin-top:12px;font-size:clamp(25px,8vw,38px)}.hero-copy{margin-bottom:24px;font-size:15px;line-height:1.75;letter-spacing:.02em}.hero-hud{gap:6px;margin:-8px 0 22px}.hero-hud span{padding:7px 9px;font-size:10px;letter-spacing:.12em}.hero-actions{flex-wrap:wrap;gap:10px}.hero-actions a{min-height:46px;padding:0 18px;font-size:13px}.scroll-cue{display:none}.section{padding:84px 0;background-size:36px 36px}.section-heading{margin-bottom:34px}.section-heading h2,.contact-inner h2{font-size:clamp(34px,10vw,48px);letter-spacing:.04em}.section-heading p:not(.kicker){font-size:15px}.about-grid{grid-template-columns:minmax(120px,34vw) minmax(0,1fr);gap:18px;align-items:start}.portrait-wrap{position:relative;top:auto;max-width:220px;width:100%}.portrait-wrap img{aspect-ratio:4 / 5.35}.about-copy .lead{margin-bottom:18px;font-size:14px;line-height:1.72}.bio-grid{grid-template-columns:1fr}.bio-grid div{min-height:auto;padding:14px}.bio-grid strong{font-size:15px;overflow-wrap:anywhere}.education{padding:20px}.terminal-panel{padding-top:52px}.terminal-panel:after{right:18px;max-width:46%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline{margin-top:54px}.timeline article{grid-template-columns:1fr;gap:14px;padding:24px 0}.timeline article:hover{padding-left:0}.timeline h3{font-size:23px}.timeline p{font-size:15px}.software-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.software-card{min-height:132px;padding:18px}.software-card img{width:46px;height:46px}.software-card span{font-size:12px;overflow-wrap:anywhere}.project-band{padding:20px 0 76px}.project-heading{grid-template-columns:1fr;gap:18px;margin-bottom:22px}.project-heading h3{font-size:clamp(28px,8vw,38px)}.project-heading p:last-child{font-size:15px}.work-grid{grid-template-columns:1fr;gap:14px}.work-card span{right:12px;bottom:12px;opacity:1;padding:8px 10px;font-size:10px}.contact-page{min-height:auto;padding:92px 0}.contact-inner{grid-template-columns:1fr;gap:34px}.contact-inner h2{font-size:clamp(36px,11vw,54px)}.contact-links{gap:10px;margin-top:28px}.contact-links a{width:100%;min-height:50px;padding:0 14px;font-size:12px;overflow-wrap:anywhere}.wechat-card{justify-self:start;width:min(100%,320px);padding:18px}.wechat-card img{width:min(100%,230px)}.lightbox{padding:14px}.lightbox span{top:14px;right:14px}}@media(max-width:480px){.site-nav{grid-template-columns:1fr}.brand{justify-content:space-between}.site-nav nav{justify-content:space-between;width:100%}.hero-content{padding-top:150px}.about-grid{grid-template-columns:112px minmax(0,1fr);gap:12px}.portrait-wrap{max-width:112px}.about-copy .lead{font-size:13px;line-height:1.65}.bio-grid{margin-bottom:18px}.bio-grid div{padding:11px}.bio-grid span{margin-bottom:6px;font-size:11px}.bio-grid strong{font-size:13px}.education{grid-column:1 / -1}.wechat-card{width:100%}}@media(max-width:420px){.software-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.software-card{min-height:112px;padding:14px}.software-card img{width:38px;height:38px}.software-card span{font-size:10px;letter-spacing:.04em}}