:root{--color-bg: #0a0a0a;--color-surface: #141414;--color-text: #e5e5e5;--color-text-secondary: #999999;--color-border: #2a2a2a;--color-hover: #1e1e1e;--color-accent: #c0c0c0;--color-accent-muted: rgba(192, 192, 192, .07);--color-accent-border: rgba(192, 192, 192, .22);--gradient-accent: linear-gradient(90deg, #666666 0%, #c0c0c0 55%, #f0f0f0 100%);--gradient-accent-fill: linear-gradient(135deg, #888888 0%, #d8d8d8 50%, #f5f5f5 100%);--font-display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-hero: "Orbitron", "Space Grotesk", sans-serif;--max-width: 1200px;--spacing-unit: 8px;--header-height: 56px;--color-header-bg: rgba(10, 10, 10, .88);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-hover: 0 12px 40px rgba(0, 0, 0, .5), 0 4px 12px rgba(0, 0, 0, .3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}html[data-lang=cn] .lang-en,html:not([data-lang]) .lang-en{display:none!important}html[data-lang=en] .lang-cn{display:none!important}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes line-grow{0%{width:0}to{width:2.5rem}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #ffffff26}50%{box-shadow:0 0 0 10px transparent}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.project-card{opacity:1!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.7;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}.container{max-width:var(--max-width);margin:0 auto;padding:0 calc(var(--spacing-unit) * 2)}.site-header{position:sticky;top:0;z-index:100;background:var(--color-header-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--color-border);animation:fade-in .4s ease both}.site-header__inner{display:flex;justify-content:space-between;align-items:center;padding:calc(var(--spacing-unit) * 2) 0}.site-header__name{font-family:var(--font-display);font-size:.875rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.site-header__name a{position:relative;padding-bottom:2px;transition:opacity var(--transition-fast)}.site-header__name a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1.5px;background:var(--gradient-accent);transition:width var(--transition-base)}.site-header__name a:hover{opacity:1}.site-header__name a:hover:after{width:100%}.site-header__controls{display:flex;align-items:center;gap:8px}.lang-toggle,.dark-toggle{background:none;border:1px solid var(--color-border);border-radius:6px;padding:6px 10px;cursor:pointer;color:var(--color-text);line-height:1;transition:border-color .2s ease}.lang-toggle:hover,.dark-toggle:hover{border-color:var(--color-text-secondary)}.lang-toggle{font-size:.8125rem;font-weight:600;letter-spacing:.02em}.dark-toggle{font-size:1rem}.hero{position:relative;overflow:hidden;min-height:calc(100vh - var(--header-height));min-height:calc(100dvh - var(--header-height));display:flex;flex-direction:column;border-bottom:1px solid var(--color-border);background:radial-gradient(ellipse 65% 80% at 18% 55%,#0e0e10,#0a0a0a 65%)}.hero__dots{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero__deco-tl{position:absolute;top:22px;left:22px;display:flex;align-items:center;gap:12px;z-index:2;pointer-events:none}.hero__deco-bracket{width:20px;height:20px;border-top:1.5px solid rgba(255,255,255,.28);border-left:1.5px solid rgba(255,255,255,.28)}.hero__deco-slashes{font-family:Courier New,monospace;font-size:.56rem;letter-spacing:4px;color:#ffffff38;user-select:none}.hero__deco-plus{position:absolute;bottom:30px;left:22px;font-family:var(--font-sans);font-size:1.1rem;font-weight:300;color:#ffffff29;z-index:2;pointer-events:none;line-height:1;user-select:none}.hero__deco-lines{position:absolute;bottom:48px;left:0;width:260px;height:160px;z-index:1;pointer-events:none}.hero__inner{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;padding-top:calc(var(--spacing-unit) * 9);padding-bottom:calc(var(--spacing-unit) * 5)}.hero__content{flex:1;display:flex;flex-direction:column}.hero__name{font-family:var(--font-hero);font-size:clamp(5rem,12vw,14rem);font-weight:900;text-transform:uppercase;line-height:.88;letter-spacing:-.01em;color:#fff;margin-bottom:calc(var(--spacing-unit) * 4);animation:fade-up .8s ease .1s both}.hero__school{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:calc(var(--spacing-unit) * .5);max-width:520px;animation:fade-up .7s ease .22s both}.hero__resume-items{list-style:none;display:flex;flex-wrap:wrap;gap:0 calc(var(--spacing-unit) * 5);margin-bottom:calc(var(--spacing-unit) * 4);animation:fade-up .7s ease .32s both}.hero__resume-items li{font-family:var(--font-sans);font-size:.875rem;color:var(--color-text-secondary);padding:0;border:none;border-radius:0;background:none;letter-spacing:normal;text-transform:none;font-weight:400}.hero__resume-items li:before{content:none}.hero__intro{font-size:.9375rem;line-height:1.75;color:#e5e5e5cc;max-width:520px;margin-bottom:0;animation:fade-up .7s ease .42s both}.hero__cta-wrap{display:flex;justify-content:flex-end;padding-top:calc(var(--spacing-unit) * 4)}.hero__cta{display:inline-flex;align-items:center;gap:calc(var(--spacing-unit) * 2);font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fff;border:1.5px solid rgba(255,255,255,.32);border-radius:var(--radius-sm);padding:calc(var(--spacing-unit) * 1.75) calc(var(--spacing-unit) * 5);animation:fade-up .7s ease .55s both,pulse-glow 2.6s ease-out 1.5s infinite;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.hero__cta:after{content:"↓";display:inline-block;transition:transform var(--transition-base)}.hero__cta:hover{background:#ffffff12;border-color:#ffffffb3;transform:translateY(-3px);box-shadow:0 12px 36px #00000080,0 0 0 1px #ffffff14;animation-play-state:paused}.hero__cta:hover:after{transform:translateY(3px)}.projects-root{padding-top:calc(var(--spacing-unit) * 6);scroll-margin-top:var(--header-height)}.project-section{margin-bottom:calc(var(--spacing-unit) * 6)}.project-section__heading{font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-align:center;color:var(--color-text-secondary);margin-bottom:calc(var(--spacing-unit) * 3);padding-bottom:calc(var(--spacing-unit) * 1.5);border-bottom:1px solid var(--color-border);position:relative;animation:fade-up .6s ease .5s both}.project-section__heading:before{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);height:1.5px;background:var(--gradient-accent);animation:line-grow .4s ease .8s both}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--spacing-unit) * 4);padding-bottom:calc(var(--spacing-unit) * 10)}@media(max-width:640px){.project-grid{grid-template-columns:1fr}}.project-card{display:block;border-radius:var(--radius-sm);overflow:hidden;border:1px solid rgba(255,255,255,.12);background-color:var(--color-bg);opacity:0;transition:opacity var(--transition-slow),transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.project-card.card--visible{opacity:1}.project-card.card--visible:hover{transform:translateY(-6px);border-color:#ffffff85;box-shadow:0 0 0 1px #ffffff2e,0 20px 60px #000000a6,0 4px 16px #0006}.project-card__media{position:relative;overflow:hidden}.project-card__cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;background-color:var(--color-hover);display:block;filter:grayscale(100%) contrast(1.18);transition:transform var(--transition-slow),filter var(--transition-slow)}.project-card.card--visible:hover .project-card__cover{transform:scale(1.04);filter:none}.project-card__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.12) 50%,transparent 100%);opacity:0;transition:opacity var(--transition-base)}.project-card.card--visible:hover .project-card__overlay{opacity:1}.project-card__info{position:absolute;bottom:0;left:0;right:0;padding:calc(var(--spacing-unit) * 2) calc(var(--spacing-unit) * 2.5);opacity:0;transform:translateY(6px);transition:opacity var(--transition-base),transform var(--transition-base)}.project-card.card--visible:hover .project-card__info{opacity:1;transform:translateY(0)}.project-card__title{font-family:var(--font-display);font-size:.9375rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff}.project-card__date{font-size:.8125rem;color:#fff9}.project-detail{padding:calc(var(--spacing-unit) * 6) 0 calc(var(--spacing-unit) * 10)}.project-detail__title{font-family:var(--font-hero);font-size:clamp(1.75rem,4vw,3rem);font-weight:900;text-transform:uppercase;letter-spacing:-.01em;color:#fff;margin-bottom:calc(var(--spacing-unit) * 2)}.project-detail__description{font-size:.9375rem;line-height:1.9;max-width:680px;margin-bottom:calc(var(--spacing-unit) * 5);color:#e5e5e5b8}.detail-hero{position:relative;overflow:hidden;background-color:var(--color-bg);border-bottom:1px solid var(--color-border)}.detail-hero:before{content:"";position:absolute;inset:0;background-image:var(--detail-cover, none);background-size:cover;background-position:center;filter:grayscale(100%) contrast(1.18);z-index:0}.detail-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,rgba(10,10,10,.96) 0%,rgba(10,10,10,.82) 42%,rgba(10,10,10,.35) 68%,transparent 100%),linear-gradient(to top,rgba(10,10,10,.88) 0%,transparent 55%);z-index:1;pointer-events:none}.detail-hero__dots{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.detail-hero__deco-tl{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:10px;z-index:3;pointer-events:none}.detail-hero__deco-bracket{width:16px;height:16px;border-top:1.5px solid rgba(255,255,255,.22);border-left:1.5px solid rgba(255,255,255,.22)}.detail-hero__deco-slashes{font-family:Courier New,monospace;font-size:.5rem;letter-spacing:4px;color:#ffffff2e;user-select:none}.detail-hero__deco-plus{position:absolute;bottom:22px;left:18px;font-family:var(--font-sans);font-size:1rem;font-weight:300;color:#ffffff24;z-index:3;pointer-events:none;line-height:1;user-select:none}.detail-hero__inner{position:relative;z-index:3;display:flex;flex-direction:column;padding-top:calc(var(--spacing-unit) * 5);padding-bottom:calc(var(--spacing-unit) * 7)}.detail-hero__content{display:flex;flex-direction:column;margin-top:calc(var(--spacing-unit) * 3);max-width:1600px}.detail-hero__title{font-family:var(--font-hero);font-size:clamp(2rem,5vw,4.5rem);font-weight:900;text-transform:uppercase;line-height:.92;letter-spacing:-.01em;color:#fff;margin-bottom:calc(var(--spacing-unit) * 2.5)}.detail-hero__desc{font-size:.9375rem;line-height:1.75;color:#e5e5e5b8;max-width:520px}.video-embed{margin-bottom:calc(var(--spacing-unit) * 6)}.video-embed__wrapper{position:relative;width:100%;padding-bottom:56.25%;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.video-embed__wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-embed__placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:.875rem}.back-link{display:inline-flex;align-items:center;font-size:.8125rem;letter-spacing:.06em;color:var(--color-text-secondary);margin-bottom:calc(var(--spacing-unit) * 3);transition:color var(--transition-fast)}.back-link:hover{color:var(--color-text)}.back-link--hero{color:#ffffff7a;margin-bottom:0}.back-link--hero:hover{color:#ffffffe0}.detail-body{padding-top:calc(var(--spacing-unit) * 5);padding-bottom:calc(var(--spacing-unit) * 10)}.detail-image-wrap{margin-top:calc(var(--spacing-unit) * 4);max-width:800px}.detail-image{display:block;width:100%;height:auto;border-radius:8px}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:calc(var(--spacing-unit) * 3);margin-bottom:calc(var(--spacing-unit) * 6)}@media(max-width:640px){.video-grid{grid-template-columns:1fr}}.video-grid__item{display:flex;flex-direction:column}.video-grid__wrapper{position:relative;width:100%;padding-bottom:56.25%;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.video-grid__wrapper iframe,.video-grid__wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-grid__info{padding:calc(var(--spacing-unit) * 1.5) 0 0}.video-grid__title{font-size:.9rem;font-weight:600;margin-bottom:2px}.video-grid__caption{font-size:.8125rem;color:var(--color-text-secondary);line-height:1.5}@media(max-width:640px){.hero__inner{padding-top:calc(var(--spacing-unit) * 6);padding-bottom:calc(var(--spacing-unit) * 5)}.hero__name{font-size:clamp(3rem,14vw,5rem);margin-bottom:calc(var(--spacing-unit) * 3)}.hero__deco-lines{display:none}.detail-hero__title{font-size:clamp(1.5rem,8vw,2.5rem)}}