.archive-shell{--ink:#08080d;--panel:#12121a;--paper:#fff8fb;--white:#fffaff;--muted:#9996a3;--line:#ffffff2b;--coral:#ff176c;--mint:#45dce5;background:linear-gradient(#8b62ff0d 1px,transparent 1px), linear-gradient(90deg,#8b62ff0d 1px,transparent 1px), var(--ink);background-size:48px 48px;min-height:100dvh}.archive-shell .site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#08080db8;border:1px solid #ffffff38;border-top:0;width:min(100% - 48px,1500px);padding:13px 18px;left:50%;transform:translate(-50%)}.archive-shell .wordmark span{color:var(--coral);letter-spacing:-.04em;font-family:Impact,Arial Narrow,sans-serif}.archive-shell .site-header nav{letter-spacing:.06em;font-family:JetBrains Mono,Microsoft YaHei,monospace;font-size:10px}.archive-shell .site-header .nav-contact{border:1px solid var(--coral);background:var(--coral);color:#fff}.archive-shell .hero{background:#08080d}.archive-shell .hero:before{z-index:3;background:repeating-linear-gradient(135deg,var(--coral) 0 15px,transparent 15px 29px);opacity:.48;content:"";width:44vw;height:7vw;position:absolute;bottom:8vh;right:-8vw;transform:rotate(-14deg)}.archive-shell .hero:after{background:linear-gradient(90deg,#07070cf5,#07070c59 55%,#07070c9e),linear-gradient(#0000 55%,#07070ce6)}.archive-shell .hero-grid{opacity:.5;background-size:12.5% 25%}.archive-shell .hero h1{color:#fff;letter-spacing:-.045em;font-family:Impact,Arial Narrow,sans-serif}.archive-shell .hero h1 .outline{color:var(--coral);-webkit-text-stroke:0;text-shadow:8px 8px #45dce5c2}.archive-shell .hero-sticker{border:2px solid #08080d;box-shadow:6px 6px #08080d}.archive-shell .sticker-coral{background:var(--coral);color:#fff}.archive-shell .sticker-mint{background:var(--mint)}.archive-shell .section-kicker{color:var(--coral);font-family:JetBrains Mono,Microsoft YaHei,monospace}.archive-shell .statement h2,.archive-shell .section-heading h2,.archive-shell .resume-title h2,.archive-shell footer h2{letter-spacing:-.035em;font-family:Impact,Arial Narrow,PingFang SC,sans-serif}.archive-shell .statement h2 span{color:var(--mint)}.archive-shell .stats strong{color:var(--coral)}.archive-shell .section-heading h2{display:inline-block;transform:skew(-5deg)}.archive-shell .section-heading h2:after{background:var(--coral);content:"";width:44%;height:11px;box-shadow:14px 8px 0 var(--mint);margin-top:15px;display:block}.archive-shell .filters button{border:1px solid #ffffff47;min-height:44px;font-family:JetBrains Mono,Microsoft YaHei,monospace}.archive-shell .filters button:hover,.archive-shell .filters button.active{border-color:var(--coral);background:var(--coral);color:#fff;box-shadow:4px 4px 0 var(--mint)}.archive-shell .archive-project{border-top:1px solid #fff3;position:relative}.archive-shell .archive-project:nth-child(2n){background:#101018d1}.archive-shell .archive-project:before{background:var(--coral);content:"";width:7px;height:94px;box-shadow:7px 0 0 var(--mint);position:absolute;top:76px;left:0}.archive-shell .project-index{color:var(--coral);font-family:Impact,Arial Narrow,sans-serif}.archive-shell .project-title>p{color:var(--mint);font-family:JetBrains Mono,Microsoft YaHei,monospace}.archive-shell .project-title h3,.archive-shell .narrative-head h4{letter-spacing:-.025em;font-family:Impact,Arial Narrow,PingFang SC,sans-serif}.archive-shell .project-title h3{font-size:clamp(36px,4vw,68px)}.archive-shell .narrative-head{border-top:2px solid #fff3}.archive-shell .phase-grid article,.archive-shell .narrative-columns article{background:#ffffff06}.archive-shell .phase-grid article:hover,.archive-shell .narrative-columns article:hover{background:#ff176c14}.archive-shell .film-gallery{position:relative}.archive-shell .film-stage{min-height:clamp(390px,53vw,720px);perspective:1500px;background:radial-gradient(circle at 50% 45%,#8b62ff30,#0000 44%),linear-gradient(90deg,#45dce50d,#0000 18% 82%,#ff176c0f),#090910;border:1px solid #8b62ff6b;border-inline:0;outline:none;place-items:center;min-inline-size:0;margin:0;padding:58px 0 60px;display:grid;position:relative;overflow:hidden}.archive-shell .film-stage:focus-visible{box-shadow:inset 0 0 0 2px var(--mint)}.archive-shell .film-stage:before,.archive-shell .film-stage:after{z-index:4;content:"";opacity:.92;pointer-events:none;background:repeating-linear-gradient(90deg,#d9d7cf 0 14px,#0000 14px 29px),#09090e;border-block:1px solid #fff3;height:22px;position:absolute;left:-2%;right:-2%;transform:rotate(-1.15deg)}.archive-shell .film-stage:before{top:16px}.archive-shell .film-stage:after{bottom:16px}.archive-shell .film-stage-label{z-index:5;color:#ffffff7a;letter-spacing:.13em;pointer-events:none;justify-content:space-between;font-family:JetBrains Mono,Microsoft YaHei,monospace;font-size:8px;display:flex;position:absolute;top:4px;left:clamp(20px,4.2vw,72px);right:clamp(20px,4.2vw,72px)}.archive-shell .gallery-rail{cursor:grab;transform-origin:50%;place-items:center;width:100%;height:min(40vw,612px);padding:0;display:grid;position:relative;overflow:visible;transform:rotate(-1.15deg)}.archive-shell .gallery-rail:active{cursor:grabbing}.archive-shell .gallery-item{aspect-ratio:auto;clip-path:none;opacity:0;pointer-events:none;background:#111119;border:9px solid #111119;outline:1px solid #ffffff47;flex:none;grid-area:1/1;width:min(64vw,980px);height:min(40vw,612px);transition:opacity .26s,transform .38s cubic-bezier(.22,1,.36,1),box-shadow .26s,outline-color .26s,filter .26s;position:relative;transform:scale(.4);box-shadow:0 18px 45px #0000005c}.archive-shell .gallery-item.is-current{z-index:20;opacity:1;pointer-events:auto;outline-color:var(--mint);transform:rotateY(0)scale(1);box-shadow:0 24px 70px #00000094,0 0 34px #8b62ff33}.archive-shell .gallery-item.is-prev,.archive-shell .gallery-item.is-next{z-index:12;opacity:.58;pointer-events:auto;filter:saturate(.62)brightness(.7)}.archive-shell .gallery-item.is-prev{transform:translate(-36%)rotateY(18deg)scale(.7)}.archive-shell .gallery-item.is-next{transform:translate(36%)rotateY(-18deg)scale(.7)}.archive-shell .gallery-item.is-prev-two,.archive-shell .gallery-item.is-next-two{z-index:6;opacity:.25;pointer-events:auto;filter:saturate(.45)brightness(.52)}.archive-shell .gallery-item.is-prev-two{transform:translate(-62%)rotateY(25deg)scale(.5)}.archive-shell .gallery-item.is-next-two{transform:translate(62%)rotateY(-25deg)scale(.5)}.archive-shell .gallery-item.is-hidden-frame{z-index:1;visibility:hidden}.archive-shell .gallery-item img{background:radial-gradient(circle,#282834,#111118 70%)}.archive-shell .gallery-item.is-current img{filter:none;transform:none}.archive-shell .gallery-item.is-current:hover img{transform:scale(1.012)}.archive-shell .film-frame-code{color:#ffffffad;letter-spacing:.1em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08080dc2;padding:6px 8px;font-family:JetBrains Mono,Microsoft YaHei,monospace;font-size:7px;position:absolute;top:9px;left:10px}.archive-shell .expand-hint{border:1px solid var(--coral);background:#08080ddb}.archive-shell .progress i{background:linear-gradient(90deg,var(--coral),var(--mint))}.archive-shell .gallery-controls button:hover{border-color:var(--coral);background:var(--coral);color:#fff}.archive-shell .video-card{border:2px solid #ffffff42;box-shadow:8px 8px #ff176c70}.archive-shell .video-caption span:first-child{color:var(--mint)}.archive-shell .award-card{background:var(--coral);color:#fff;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%)}.archive-shell .skill-card{background:linear-gradient(135deg,#8b62ff2e,#0000 42%),#111118;border:1px solid #ffffff47}.archive-shell .phd{background:var(--paper)}.archive-shell .phd .section-kicker,.archive-shell .method-core-head>p:first-child,.archive-shell .method-pipeline span,.archive-shell .method-responsibility span{color:var(--coral)}.archive-shell .phd-intro h2,.archive-shell .method-core-head h3{font-family:Impact,Arial Narrow,PingFang SC,sans-serif}.archive-shell .method-pipeline .method-tool{background:var(--coral);color:#fff}.archive-shell .method-pipeline .method-tool:after{background:var(--coral)}.archive-shell .method-pipeline .method-model{background:#111118}.archive-shell .phd-statement blockquote{color:var(--coral)}.archive-shell footer{background:#09090e}.archive-shell .contact-arrow{background:var(--coral);color:#fff;box-shadow:9px 9px 0 var(--mint)}@media (max-width:800px){.archive-shell .site-header{width:calc(100% - 24px)}.archive-shell .site-header nav a:first-child{display:none}.archive-shell .hero:before{width:70vw;height:12vw}.archive-shell .archive-project:before{width:4px;box-shadow:4px 0 0 var(--mint);top:52px}.archive-shell .film-stage{touch-action:pan-y;min-height:clamp(330px,82vw,520px);padding-block:48px 50px}.archive-shell .film-stage:before,.archive-shell .film-stage:after{background-size:auto;height:17px}.archive-shell .gallery-rail{height:51.25vw;transform:rotate(-.65deg)}.archive-shell .gallery-item{border-width:6px;width:82vw;height:51.25vw}.archive-shell .gallery-item.is-prev{transform:translate(-44%)rotateY(15deg)scale(.58)}.archive-shell .gallery-item.is-next{transform:translate(44%)rotateY(-15deg)scale(.58)}.archive-shell .gallery-item.is-prev-two{transform:translate(-70%)scale(.38)}.archive-shell .gallery-item.is-next-two{transform:translate(70%)scale(.38)}.archive-shell .film-stage-label span:first-child{text-overflow:ellipsis;white-space:nowrap;max-width:66vw;overflow:hidden}}@media (prefers-reduced-motion:reduce){.archive-shell .hero-image{animation:none}.archive-shell .gallery-item{transition:none}}