:root{--bg-0:#05060a;--bg-1:#0a0d14;--bg-2:#0f131d;--bg-3:#141927;--line:#94a3b824;--line-soft:#94a3b814;--line-strong:#94a3b84d;--text:#c8cdd9;--text-dim:#7d8596;--text-faint:#4c5466;--text-invert:#05060a;--accent:#4d7cfe;--accent-bright:#6f97ff;--accent-cyan:#22d3ee;--accent-gradient:linear-gradient(105deg, #4d7cfe 0%, #22d3ee 100%);--accent-soft:#4d7cfe1f;--accent-line:#4d7cfe80;--font-sans:"Segoe UI", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, sans-serif;--font-display:"Segoe UI", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono:"Cascadia Code", "SF Mono", Consolas, "JetBrains Mono", ui-monospace, monospace;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-io:cubic-bezier(.65, 0, .35, 1);--dur:.55s;--container:1700px;--pad:clamp(24px, 4vw, 64px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-sans);color:var(--text);background:var(--bg-0);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{background:var(--bg-0);color:var(--text);margin:0;overflow-x:hidden}body::selection{background:var(--accent);color:#fff}::selection{background:var(--accent);color:#fff}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-0)}::-webkit-scrollbar-thumb{background:var(--bg-3);border:2px solid var(--bg-0);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.container{max-width:var(--container);padding-inline:var(--pad);margin-inline:auto}section{scroll-margin-top:0}.grain{z-index:200;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.bg-grid{background-image:linear-gradient(to right, var(--line-soft) 1px, transparent 1px), linear-gradient(to bottom, var(--line-soft) 1px, transparent 1px);background-size:64px 64px}.reveal{opacity:0;transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);will-change:opacity, transform;transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:none}.eyebrow{font-family:var(--font-mono);letter-spacing:.35em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:14px;font-size:12px;display:inline-flex}.eyebrow:before{content:"";background:var(--accent-gradient);width:34px;height:1px}.nav{z-index:100;transition:background-color .4s var(--ease-out), border-color .4s var(--ease-out);border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.nav--scrolled{-webkit-backdrop-filter:blur(18px);border-bottom-color:var(--line-soft);background:#05060ab8}.nav__inner{justify-content:space-between;align-items:center;gap:24px;height:76px;display:flex}.nav__logo{flex:none;align-items:center;gap:12px;display:inline-flex}.nav__logo-mark{width:38px;height:38px;font-family:var(--font-mono);color:#fff;background:var(--accent-gradient);letter-spacing:.02em;border-radius:3px;place-items:center;font-size:14px;font-weight:700;display:grid}.nav__logo-text{color:#eef1f7;letter-spacing:.08em;font-size:17px;font-weight:600}.nav__logo-en{font-family:var(--font-mono);letter-spacing:.14em;color:var(--text-dim);font-size:11px}.nav__links{align-items:center;gap:clamp(18px,2.6vw,44px);display:flex}.nav__link{letter-spacing:.16em;color:var(--text);padding:6px 2px;font-size:14px;transition:color .25s;position:relative}.nav__link:after{content:"";background:var(--accent-gradient);transform-origin:0;width:100%;height:1px;transition:transform .35s var(--ease-io);position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav__link:hover{color:#fff}.nav__link:hover:after{transform:scaleX(1)}.nav__cta{letter-spacing:.12em;color:#eef1f7;border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:4px;flex:none;padding:10px 22px;font-size:13px;transition:background .3s,box-shadow .3s,transform .3s}.nav__cta:hover{background:var(--accent);transform:translateY(-1px);box-shadow:0 0 28px #4d7cfe73}@media (width<=860px){.nav__links,.nav__logo-en{display:none}}.hero{align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.hero__media{z-index:0;position:absolute;inset:0}.hero__video{object-fit:cover;filter:saturate(.78)brightness(.62)contrast(1.06);width:100%;height:100%}.hero__shade{background:linear-gradient(to bottom, #05060a8c 0%, #05060a38 45%, var(--bg-0) 100%), radial-gradient(120% 90% at 50% 40%, transparent 0%, #05060a8c 100%);position:absolute;inset:0}.hero__grid{opacity:.5;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 70% at 50% 45%,#000 30%,#0000 100%);mask-image:radial-gradient(75% 70% at 50% 45%,#000 30%,#0000 100%)}.hero__side{z-index:2;font-family:var(--font-mono);letter-spacing:.34em;color:#c8cdd96b;writing-mode:vertical-rl;text-transform:uppercase;flex-direction:column;align-items:center;gap:16px;font-size:11px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero__side--left{left:clamp(18px,2.4vw,40px)}.hero__side--right{right:clamp(18px,2.4vw,40px)}.hero__side--right span{transform:rotate(180deg)}.hero__side-line{background:#c8cdd959;width:1px;height:46px}.hero__body{z-index:3;width:100%;padding-top:84px;padding-bottom:120px;position:relative}.hero__eyebrow{font-family:var(--font-mono);letter-spacing:.34em;color:var(--text);text-transform:uppercase;align-items:center;gap:14px;margin-bottom:clamp(26px,3.4vw,46px);font-size:13px;display:inline-flex}.hero__eyebrow-dot{background:var(--accent);border-radius:50%;width:9px;height:9px;animation:2.6s ease-in-out infinite pulse;box-shadow:0 0 16px #4d7cfee6}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.hero__title{font-family:var(--font-display);letter-spacing:-.03em;color:#f2f4f9;font-size:clamp(48px,8.4vw,126px);font-weight:800;line-height:1.04}.hero__line{display:block}.hero__accent{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero__sub{max-width:560px;color:var(--text-dim);margin-top:clamp(22px,3vw,34px);font-size:16px;line-height:1.9}.hero__actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:clamp(30px,4vw,48px);display:flex}.btn{letter-spacing:.06em;transition:transform .3s var(--ease-out), box-shadow .3s ease, background-color .3s ease, color .3s ease, border-color .3s ease;border-radius:4px;align-items:center;gap:10px;padding:15px 30px;font-size:15px;display:inline-flex}.btn--primary{color:#fff;background:var(--accent-gradient);box-shadow:0 6px 30px #4d7cfe66}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 44px #4d7cfe9e}.btn--ghost{color:var(--text);border:1px solid var(--line-strong)}.btn--ghost:hover{color:#fff;border-color:var(--accent);transform:translateY(-2px)}.hero__scroll{z-index:3;flex-direction:column;align-items:center;gap:12px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.hero__scroll-text{font-family:var(--font-mono);letter-spacing:.4em;color:#c8cdd980;font-size:10px}.hero__scroll-line{background:var(--accent-gradient);transform-origin:top;width:1px;height:44px;animation:drop 2s var(--ease-io) infinite}@keyframes drop{0%{transform:scaleY(0)}45%{transform:scaleY(1)}to{opacity:.15;transform:scaleY(1)}}@media (width<=900px){.hero__side{display:none}}.marquee{border-block:1px solid var(--line-soft);background:var(--bg-1);padding-block:18px;overflow:hidden}.marquee__track{width:max-content;animation:36s linear infinite marquee;display:flex}.marquee__inner{font-family:var(--font-mono);letter-spacing:.34em;color:var(--text-dim);white-space:nowrap;text-transform:uppercase;font-size:13px}.marquee__sep{color:var(--accent)}@keyframes marquee{to{transform:translate(-50%)}}.sec-head{margin-bottom:clamp(40px,5vw,72px)}.sec-head__meta{align-items:center;gap:18px;margin-bottom:18px;display:flex}.sec-head__index{font-family:var(--font-mono);color:var(--accent);letter-spacing:.12em;font-size:13px}.sec-head__title{font-family:var(--font-display);letter-spacing:-.02em;color:#eef1f7;font-size:clamp(34px,4.6vw,64px);font-weight:700;line-height:1.12}.sec-head--center{text-align:center}.sec-head--center .sec-head__meta{justify-content:center}.about{background:radial-gradient(90% 60% at 12% 0%, #4d7cfe0f, transparent 60%), var(--bg-0);padding-block:clamp(90px,12vw,160px);position:relative}.about__grid{grid-template-columns:minmax(320px,.82fr) minmax(0,1.18fr);align-items:start;gap:clamp(40px,5vw,88px);display:grid}.portrait{position:relative}.portrait:before{content:"";border-top:1px solid var(--accent-line);border-left:1px solid var(--accent-line);width:90px;height:90px;position:absolute;inset:-18px auto auto -18px}.portrait:after{content:"";border-bottom:1px solid var(--line-strong);border-right:1px solid var(--line-strong);width:90px;height:90px;position:absolute;inset:auto -18px -18px auto}.portrait__img{aspect-ratio:5/6;object-fit:cover;border:1px solid var(--line);background:var(--bg-1);width:100%}.portrait__cap{color:var(--text);justify-content:space-between;align-items:center;gap:16px;padding:16px 4px 0;font-size:15px;display:flex}.portrait__cap-mono{font-family:var(--font-mono);letter-spacing:.24em;color:var(--text-faint);text-transform:uppercase;font-size:11px}.about__content{min-width:0}.sec-head__sub{font-family:var(--font-mono);letter-spacing:.26em;color:var(--text-dim);text-transform:uppercase;margin-top:14px;font-size:12px}.about__text{color:var(--text-dim);gap:18px;max-width:640px;font-size:16px;line-height:2;display:grid}.about__text p strong{color:var(--text);font-weight:600}.about__highlights{gap:12px;margin-top:30px;display:grid}.about__highlights li{color:var(--text);align-items:baseline;gap:12px;font-size:15px;display:flex}.about__highlight-tick{color:var(--accent);font-family:var(--font-mono);font-size:13px}.about__contacts{border-top:1px solid var(--line-soft);margin-top:40px}.about__contact-row{border-bottom:1px solid var(--line-soft)}.about__contact{transition:padding-left .3s var(--ease-out);justify-content:space-between;align-items:center;gap:20px;padding:16px 4px;display:flex}.about__contact:hover{padding-left:14px}.about__contact-label{font-family:var(--font-mono);letter-spacing:.28em;color:var(--text-faint);font-size:12px}.about__contact-value{color:var(--text);font-size:15px;transition:color .25s}.about__contact:hover .about__contact-value{color:var(--accent-bright)}.about__stats{border-block:1px solid var(--line-soft);grid-template-columns:repeat(3,1fr);margin-top:clamp(60px,8vw,110px);display:grid}.stat{text-align:center;padding:clamp(26px,3.4vw,44px) 12px;position:relative}.stat+.stat:before{content:"";background:var(--line-soft);width:1px;position:absolute;top:24%;bottom:24%;left:0}.stat__num{font-family:var(--font-mono);letter-spacing:-.02em;background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,4vw,54px);font-weight:700;display:block}.stat__label{letter-spacing:.14em;color:var(--text-dim);margin-top:10px;font-size:14px;display:block}@media (width<=980px){.about__grid{grid-template-columns:1fr}.portrait{max-width:420px}.about__stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3):before{display:none}}.project-card{border:1px solid var(--line);background:var(--bg-1);transition:transform .5s var(--ease-out), border-color .4s ease, box-shadow .5s var(--ease-out);border-radius:6px;overflow:hidden}.project-card:hover{border-color:var(--accent-line);transform:translateY(-6px);box-shadow:0 24px 70px #0000008c,0 0 0 1px #4d7cfe2e}.project-card__media{aspect-ratio:16/9;text-align:left;width:100%;display:block;position:relative;overflow:hidden}.project-card__video{object-fit:cover;filter:saturate(.8)brightness(.8);width:100%;height:100%;transition:transform .9s var(--ease-out), filter .6s ease;position:absolute;inset:0}.project-card:hover .project-card__video{filter:saturate()brightness(.92);transform:scale(1.045)}.project-card__scrim{background:linear-gradient(#05060a47 0%,#0000 32%,#05060a57 62%,#05060aeb 100%);position:absolute;inset:0}.project-card__play{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;width:66px;height:66px;transition:opacity .35s ease, transform .45s var(--ease-out);background:#05060a40;border:1px solid #ffffff8c;border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.7)}.project-card:hover .project-card__play{opacity:1;transform:translate(-50%,-50%)scale(1)}.project-card__index{font-family:var(--font-mono);letter-spacing:.26em;color:var(--accent-cyan);font-size:12px;position:absolute;top:22px;left:24px}.project-card__body{flex-direction:column;gap:12px;padding:24px clamp(20px,3vw,40px) clamp(22px,3vw,36px);display:flex;position:absolute;inset:auto 0 0}.project-card__title{font-family:var(--font-display);color:#eef1f7;letter-spacing:.01em;font-size:clamp(20px,2.2vw,30px);font-weight:700}.project-card__subtitle{max-width:640px;color:var(--text-dim);opacity:.88;font-size:14.5px;line-height:1.75}.project-card__meta{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-dim);flex-wrap:wrap;gap:8px 18px;font-size:12px;display:flex}.project-card__meta span+span{position:relative}.project-card__meta span+span:before{content:"/";color:var(--text-faint);position:absolute;left:-11px}.project-card__tags{flex-wrap:wrap;gap:8px;display:flex}.project-card__tag{letter-spacing:.08em;color:var(--accent-bright);border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:100px;padding:4px 12px;font-size:12px}.projects{background:var(--bg-1);border-block:1px solid var(--line-soft);padding-block:clamp(90px,12vw,160px)}.projects__featured+.projects__featured{margin-top:clamp(36px,4vw,56px)}.projects__grid{grid-template-columns:repeat(2,1fr);gap:clamp(24px,3vw,40px);margin-top:clamp(36px,4vw,56px);display:grid}.player{z-index:300;-webkit-backdrop-filter:blur(14px);background:#040509e6;justify-content:center;align-items:center;padding:clamp(16px,3vw,48px);animation:.3s fade-in;display:flex;position:fixed;inset:0}.player__panel{border:1px solid var(--line-strong);background:var(--bg-1);width:min(1280px,100%);animation:rise-in .4s var(--ease-out);border-radius:8px;overflow:hidden}.player__head{border-bottom:1px solid var(--line-soft);align-items:center;gap:18px;padding:16px 20px;display:flex}.player__index{font-family:var(--font-mono);letter-spacing:.24em;color:var(--accent-cyan);font-size:12px}.player__title{color:#eef1f7;flex:1;font-size:15px}.player__close{width:34px;height:34px;color:var(--text-dim);border:1px solid var(--line);border-radius:4px;place-items:center;transition:color .25s,border-color .25s;display:grid}.player__close:hover{color:#fff;border-color:var(--accent)}.player__video{aspect-ratio:16/9;background:#000;width:100%}.player__foot{font-family:var(--font-mono);letter-spacing:.14em;color:var(--text-dim);border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;font-size:12px;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (width<=900px){.projects__grid{grid-template-columns:1fr}}.strengths{background:radial-gradient(80% 50% at 88% 10%, #22d3ee0d, transparent 60%), var(--bg-0);padding-block:clamp(90px,12vw,160px)}.strengths__grid{grid-template-columns:repeat(2,1fr);gap:clamp(20px,2.6vw,34px);display:grid}.skill{background:var(--bg-2);border:1px solid var(--line);height:100%;transition:transform .45s var(--ease-out), border-color .35s ease, background-color .35s ease;border-radius:6px;padding:clamp(28px,3.4vw,44px);position:relative;overflow:hidden}.skill:before{content:"";background:var(--accent-gradient);transform-origin:0;height:2px;transition:transform .5s var(--ease-io);position:absolute;inset:0 0 auto;transform:scaleX(0)}.skill:after{content:"";opacity:0;background:radial-gradient(circle,#4d7cfe1f,#0000 70%);border-radius:50%;width:140px;height:140px;transition:opacity .5s;position:absolute;top:0;right:0}.skill:hover{border-color:var(--accent-line);background:var(--bg-3);transform:translateY(-6px)}.skill:hover:before{transform:scaleX(1)}.skill:hover:after{opacity:1}.skill__top{justify-content:space-between;align-items:flex-start;margin-bottom:26px;display:flex}.skill__icon{width:48px;height:48px;color:var(--accent-bright);border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:6px;place-items:center;transition:color .3s,background .3s,box-shadow .3s;display:grid}.skill:hover .skill__icon{color:#fff;background:var(--accent-gradient);box-shadow:0 6px 24px #4d7cfe73}.skill__index{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.1em;font-size:15px}.skill__title{font-family:var(--font-display);color:#eef1f7;font-size:clamp(20px,2vw,26px);font-weight:700}.skill__en{font-family:var(--font-mono);letter-spacing:.3em;color:var(--text-faint);margin-top:6px;font-size:11px}.skill__desc{color:var(--text-dim);margin-top:18px;font-size:14.5px;line-height:1.9}.skill__tools{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.skill__tools li{letter-spacing:.06em;color:var(--text);border:1px solid var(--line-strong);background:var(--bg-1);border-radius:100px;padding:4px 12px;font-size:12px;transition:color .25s,border-color .25s}.skill:hover .skill__tools li{color:var(--accent-bright);border-color:var(--accent-line)}@media (width<=860px){.strengths__grid{grid-template-columns:1fr}}.contact{background:radial-gradient(90% 70% at 50% 110%, #4d7cfe24, transparent 65%), var(--bg-0);flex-direction:column;justify-content:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.contact__bg{opacity:.6;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,#0000 100%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,#0000 100%)}.contact__ghost{font-family:var(--font-display);letter-spacing:-.02em;color:#0000;-webkit-text-stroke:1px #c8cdd914;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:clamp(72px,15vw,240px);font-weight:800;line-height:1;position:absolute;bottom:-.06em;left:50%;transform:translate(-50%)}.contact__body{z-index:2;text-align:center;padding-block:120px 150px;position:relative}.contact .eyebrow{justify-content:center}.contact .eyebrow:before{display:none}.contact__title{font-family:var(--font-display);letter-spacing:-.02em;color:#f2f4f9;margin-top:26px;font-size:clamp(38px,6vw,92px);font-weight:800;line-height:1.12}.contact__title-accent{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.contact__sub{max-width:560px;color:var(--text-dim);margin:26px auto 0;font-size:16px;line-height:2}.contact__mail{border:1px solid var(--accent-line);background:var(--accent-soft);transition:background .35s ease, box-shadow .35s ease, transform .35s var(--ease-out);border-radius:60px;align-items:center;gap:20px;margin:44px auto 0;padding:18px 28px;display:inline-flex}.contact__mail:hover{background:var(--accent-gradient);transform:translateY(-2px);box-shadow:0 14px 50px #4d7cfe80}.contact__mail-label{font-family:var(--font-mono);letter-spacing:.24em;color:var(--accent-cyan);font-size:12px}.contact__mail:hover .contact__mail-label{color:#e8fbff}.contact__mail-value{color:#eef1f7;letter-spacing:.02em;font-size:17px}.contact__mail-arrow{color:var(--accent-bright);transition:transform .3s var(--ease-out);place-items:center;display:grid}.contact__mail:hover .contact__mail-arrow{color:#fff;transform:rotate(-45deg)}.contact__wechat{flex-direction:column;align-items:center;gap:16px;margin-top:52px;display:flex}.contact__wechat-card{transition:transform .35s var(--ease-out), box-shadow .35s ease;background:#fff;border-radius:6px;padding:10px;box-shadow:0 10px 40px #00000080}.contact__wechat-card:hover{transform:translateY(-4px);box-shadow:0 16px 56px #4d7cfe59}.contact__wechat-qr{aspect-ratio:1;object-fit:contain;width:clamp(120px,10vw,168px);display:block}.contact__wechat-cap{font-family:var(--font-mono);letter-spacing:.14em;color:var(--text-dim);align-items:center;gap:8px;font-size:12px;display:inline-flex}.contact__wechat-cap svg{color:var(--accent)}.contact__foot{z-index:2;border-top:1px solid var(--line-soft);font-family:var(--font-mono);letter-spacing:.2em;color:var(--text-faint);text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;padding-block:26px;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.contact__top{color:var(--text-dim);align-items:center;gap:8px;transition:color .25s;display:inline-flex}.contact__top:hover{color:var(--accent-bright)}@media (width<=760px){.contact__foot-mid{display:none}}