.gradient-waves-container{position:relative;width:100%;height:100%;overflow:hidden}:root,:root[data-theme=neon]{--bg: #0a0d16;--bg-2: #0e1220;--card: #12172c;--fg: #f2f4ff;--fg-dim: rgba(242, 244, 255, .62);--fg-faint: rgba(242, 244, 255, .38);--accent: #8b7bff;--accent-2: #29e7ff;--on-accent: #0a0d16;--line: rgba(255, 255, 255, .12);--line-soft: rgba(255, 255, 255, .07);--scrim: rgba(7, 9, 17, .55);--glow: 0 20px 60px rgba(139, 123, 255, .25);--shadow: 0 18px 50px rgba(0, 0, 0, .45);--grad: linear-gradient(120deg, var(--accent) 0%, var(--accent-2) 100%)}:root[data-theme=vermilion]{--bg: #f4eddf;--bg-2: #ece3d1;--card: #fffaf0;--fg: #1c150d;--fg-dim: rgba(28, 21, 13, .66);--fg-faint: rgba(28, 21, 13, .4);--accent: #d9412b;--accent-2: #b9872f;--on-accent: #fff6ea;--line: rgba(28, 21, 13, .16);--line-soft: rgba(28, 21, 13, .09);--scrim: rgba(244, 237, 223, .82);--glow: 0 20px 60px rgba(217, 65, 43, .16);--shadow: 0 18px 50px rgba(28, 21, 13, .14);--grad: linear-gradient(120deg, var(--accent) 0%, var(--accent-2) 100%)}:root[data-theme=gold]{--bg: #0d1424;--bg-2: #101930;--card: #16203a;--fg: #eef2ff;--fg-dim: rgba(238, 242, 255, .62);--fg-faint: rgba(238, 242, 255, .38);--accent: #d8a94e;--accent-2: #7fa8ff;--on-accent: #10131f;--line: rgba(255, 255, 255, .12);--line-soft: rgba(255, 255, 255, .07);--scrim: rgba(10, 16, 28, .55);--glow: 0 20px 60px rgba(216, 169, 78, .22);--shadow: 0 18px 50px rgba(0, 0, 0, .5);--grad: linear-gradient(120deg, var(--accent) 0%, var(--accent-2) 100%)}:root[data-theme=mint]{--bg: #f2f6f3;--bg-2: #e9f1ec;--card: #ffffff;--fg: #101c18;--fg-dim: rgba(16, 28, 24, .64);--fg-faint: rgba(16, 28, 24, .4);--accent: #2f9d7f;--accent-2: #7cc4a9;--on-accent: #06251b;--line: rgba(16, 28, 24, .14);--line-soft: rgba(16, 28, 24, .08);--scrim: rgba(242, 246, 243, .82);--glow: 0 20px 60px rgba(47, 157, 127, .18);--shadow: 0 18px 50px rgba(16, 28, 24, .1);--grad: linear-gradient(120deg, var(--accent) 0%, var(--accent-2) 100%)}:root[data-theme=sakura]{--bg: #170f1c;--bg-2: #1c1323;--card: #231831;--fg: #fbf3f6;--fg-dim: rgba(251, 243, 246, .62);--fg-faint: rgba(251, 243, 246, .38);--accent: #ff6f9c;--accent-2: #c084fc;--on-accent: #2a1120;--line: rgba(255, 255, 255, .12);--line-soft: rgba(255, 255, 255, .07);--scrim: rgba(20, 12, 24, .55);--glow: 0 20px 60px rgba(255, 111, 156, .24);--shadow: 0 18px 50px rgba(0, 0, 0, .48);--grad: linear-gradient(120deg, var(--accent) 0%, var(--accent-2) 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;background:var(--bg);color:var(--fg);line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .6s ease,color .6s ease}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}::selection{background:var(--accent);color:var(--on-accent)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 45%,var(--bg-2));border-radius:8px}.wrap{max-width:1700px;margin-inline:auto;padding-inline:clamp(24px,4vw,64px)}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.serif{font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,STSong,SimSun,serif}.eyebrow{display:inline-flex;align-items:center;gap:.7em;font-size:13px;font-weight:500;letter-spacing:.42em;text-transform:uppercase;color:var(--fg-dim)}.eyebrow:before{content:"";width:34px;height:2px;background:var(--accent);flex:none}.sec-head-mask{overflow:hidden;display:block}.sec-head{display:flex;align-items:baseline;gap:clamp(14px,2vw,28px);margin-bottom:clamp(40px,6vh,72px)}.sec-head .sec-no{font-size:15px;font-weight:700;letter-spacing:.2em;color:var(--accent);font-variant-numeric:tabular-nums}.sec-head h2{font-family:"Noto Serif SC",Songti SC,STSong,SimSun,serif;font-size:clamp(2.2rem,4.6vw,4rem);font-weight:900;letter-spacing:.06em;line-height:1.15;white-space:nowrap}.sec-head .sec-en{font-size:13px;letter-spacing:.5em;text-transform:uppercase;color:var(--fg-faint);white-space:nowrap}.sec-head .sec-line{flex:1;height:1px;background:var(--line);position:relative;top:-8px}.sec-sub{max-width:640px;color:var(--fg-dim);margin:-24px 0 56px}.btn{display:inline-flex;align-items:center;gap:.65em;padding:.95em 2.1em;border-radius:999px;font-size:15px;font-weight:600;letter-spacing:.08em;border:1px solid transparent;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,color .3s ease,border-color .3s ease;white-space:nowrap}.btn:hover{transform:translateY(-3px)}.btn .arr{transition:transform .3s ease}.btn:hover .arr{transform:translate(4px)}.btn-solid{background:var(--accent);color:var(--on-accent);box-shadow:var(--glow)}.btn-solid:hover{box-shadow:0 26px 70px color-mix(in srgb,var(--accent) 45%,transparent)}.btn-ghost{border-color:var(--line);color:var(--fg);background:color-mix(in srgb,var(--bg) 30%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.btn.big{font-size:17px;padding:1.1em 2.6em}.chip{display:inline-flex;align-items:center;padding:.35em 1em;border-radius:999px;border:1px solid var(--line);font-size:12.5px;letter-spacing:.14em;color:var(--fg-dim);background:color-mix(in srgb,var(--card) 55%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}section[id]{scroll-margin-top:88px}.sec{padding-block:clamp(88px,11vh,168px);position:relative}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.nav{position:fixed;inset-inline:0;top:0;z-index:80;transition:background .4s ease,border-color .4s ease,backdrop-filter .4s ease;border-bottom:1px solid transparent}.nav.scrolled{background:color-mix(in srgb,var(--bg) 74%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom-color:var(--line-soft)}.nav-inner{display:flex;align-items:center;gap:28px;height:72px}.nav-logo{display:flex;align-items:baseline;gap:10px;flex:none}.nav-logo .logo-zh{font-family:"Noto Serif SC",Songti SC,STSong,SimSun,serif;font-weight:900;font-size:24px;letter-spacing:.12em}.nav-logo .logo-en{font-size:11px;letter-spacing:.4em;color:var(--fg-faint);text-transform:uppercase}.nav-links{display:flex;gap:clamp(18px,2.4vw,40px);margin-inline:auto}.nav-links a{font-size:14.5px;letter-spacing:.18em;color:var(--fg-dim);position:relative;padding:6px 2px;transition:color .3s ease}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .35s ease}.nav-links a:hover{color:var(--fg)}.nav-links a:hover:after{transform:scaleX(1);transform-origin:left}.nav .btn{flex:none;padding:.7em 1.6em;font-size:13.5px}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}.hero-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease;z-index:1}.hero-video.is-ready{opacity:.9}.hero-fallback{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:0}.hero-fallback .blob{position:absolute;width:46vmax;height:46vmax;border-radius:50%;will-change:transform;opacity:.55;animation:blob-drift 26s ease-in-out infinite alternate}.hero-fallback .blob.b1{background:radial-gradient(circle,var(--accent) 0%,color-mix(in srgb,var(--accent) 42%,transparent) 38%,transparent 70%);left:-8%;top:-16%}.hero-fallback .blob.b2{background:radial-gradient(circle,var(--accent-2) 0%,color-mix(in srgb,var(--accent-2) 42%,transparent) 38%,transparent 70%);right:-10%;top:24%;animation-delay:-9s}.hero-fallback .blob.b3{background:radial-gradient(circle,color-mix(in srgb,var(--accent) 70%,var(--accent-2)) 0%,color-mix(in srgb,var(--accent) 45%,var(--accent-2)) 35%,transparent 70%);left:30%;bottom:-30%;animation-delay:-17s;opacity:.35}@keyframes blob-drift{0%{transform:translate(0) scale(1) rotate(0)}to{transform:translate(6%,-5%) scale(1.18) rotate(24deg)}}.hero-beam{position:absolute;z-index:0;top:-20%;bottom:-20%;width:1px;background:linear-gradient(transparent,var(--accent),transparent);opacity:.35;animation:beam-fade 7s ease-in-out infinite}.hero-beam.be2{left:auto;right:21%;animation-delay:-3.5s;animation-duration:9s}.hero-beam.be1{left:8%}@keyframes beam-fade{0%,to{opacity:.12;transform:scaleY(.8)}50%{opacity:.45;transform:scaleY(1)}}.hero-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 62%,transparent) 0%,transparent 34%,transparent 52%,color-mix(in srgb,var(--bg) 88%,transparent) 100%),linear-gradient(105deg,color-mix(in srgb,var(--bg) 34%,transparent) 0%,transparent 46%)}.hero-inner{position:relative;z-index:3;padding-bottom:clamp(48px,7vh,88px);width:100%}.hero-eyebrow{display:flex;align-items:center;gap:14px;font-size:13px;letter-spacing:.34em;color:var(--fg-dim);text-transform:uppercase;margin-bottom:22px}.hero-eyebrow .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent);animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.65}}.hero-title{line-height:.96;-webkit-user-select:none;user-select:none}.hero-title .t-zh{display:block;font-family:"Noto Serif SC",Songti SC,STSong,SimSun,serif;font-weight:900;font-size:clamp(72px,10.5vw,168px);letter-spacing:.05em}.hero-title .t-en{display:block;margin-top:6px;font-family:Noto Sans SC,sans-serif;font-weight:500;font-size:clamp(28px,4.4vw,66px);letter-spacing:.38em;color:transparent;-webkit-text-stroke:1.5px var(--fg-dim)}.hero-meta{margin-top:clamp(24px,3.4vh,40px);display:flex;flex-wrap:wrap;align-items:center;gap:14px 34px}.hero-role{font-size:clamp(16px,1.6vw,21px);font-weight:600;letter-spacing:.08em}.hero-role .sep{margin:0 .6em;color:var(--accent);font-style:normal}.hero-slogan{color:var(--fg-dim);font-size:clamp(14px,1.3vw,17px);letter-spacing:.1em}.hero-tools{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:clamp(26px,4vh,44px)}.hero-inner>*{opacity:0;animation:hero-rise 1s cubic-bezier(.2,.7,.2,1) forwards}.hero-inner>*:nth-child(1){animation-delay:.15s}.hero-inner>*:nth-child(2){animation-delay:.3s}.hero-inner>*:nth-child(3){animation-delay:.48s}.hero-inner>*:nth-child(4){animation-delay:.62s}.hero-inner>*:nth-child(5){animation-delay:.78s}@keyframes hero-rise{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}.hero-side{position:absolute;z-index:3;right:clamp(20px,3vw,46px);top:50%;transform:translateY(-50%);writing-mode:vertical-rl;letter-spacing:.55em;font-size:12px;color:var(--fg-faint);text-transform:uppercase}.hero-scroll{position:absolute;z-index:3;left:50%;bottom:26px;transform:translate(-50%);display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.44em;color:var(--fg-faint);text-transform:uppercase}.hero-scroll .mouse{width:22px;height:34px;border:1.5px solid var(--fg-dim);border-radius:12px;position:relative}.hero-scroll .mouse:after{content:"";position:absolute;left:50%;top:6px;width:3px;height:7px;margin-left:-1.5px;border-radius:3px;background:var(--accent);animation:wheel 1.8s ease-in-out infinite}@keyframes wheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:0}}.marquee{border-block:1px solid var(--line-soft);padding-block:18px;background:var(--bg-2)}.marquee-static{display:flex;align-items:center;justify-content:space-between;gap:12px 28px;flex-wrap:wrap;max-width:1700px;margin-inline:auto;padding-inline:clamp(24px,4vw,64px)}.marquee-static span{font-size:15px;letter-spacing:.34em;color:var(--fg-dim);white-space:nowrap;text-transform:uppercase}.marquee-static .star{color:var(--accent);letter-spacing:0}.about-grid{display:grid;grid-template-columns:minmax(340px,.85fr) 1.5fr;gap:clamp(36px,5vw,84px);align-items:start}.bg-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.bg-fx .wave{position:absolute;border-radius:50%;filter:blur(72px);will-change:transform;backface-visibility:hidden;opacity:.32}.bg-fx .wave.w1{width:64vmax;height:38vmax;left:-14%;top:-10%;background:radial-gradient(58% 52% at 50% 48%,var(--accent) 0%,color-mix(in srgb,var(--accent) 38%,transparent) 52%,transparent 74%);animation:wave-roll 36s ease-in-out infinite alternate}.bg-fx .wave.w2{width:56vmax;height:34vmax;right:-15%;top:22%;background:radial-gradient(58% 52% at 48% 52%,var(--accent-2) 0%,color-mix(in srgb,var(--accent-2) 34%,transparent) 52%,transparent 74%);animation:wave-roll 48s ease-in-out infinite alternate-reverse}.bg-fx .wave.w3{width:58vmax;height:32vmax;left:20%;bottom:-12%;background:radial-gradient(56% 54% at 52% 50%,color-mix(in srgb,var(--accent) 72%,var(--accent-2)) 0%,color-mix(in srgb,var(--accent) 40%,var(--accent-2)) 50%,transparent 74%);animation:wave-roll 56s ease-in-out infinite alternate;animation-delay:-20s}@keyframes wave-roll{0%{transform:rotate(-6deg) translate(0) scale(1)}50%{transform:rotate(22deg) translate(3.5%,-2.5%) scale(1.14)}to{transform:rotate(48deg) translate(-2%,2%) scale(1.04)}}.bg-fx:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 74%,transparent) 0%,transparent 26%,transparent 68%,color-mix(in srgb,var(--bg) 76%,transparent) 100%);pointer-events:none}:root[data-theme=vermilion] .bg-fx .wave,:root[data-theme=mint] .bg-fx .wave{opacity:.3}@media (prefers-reduced-motion: reduce){.bg-fx .wave{animation:none}}.avatar-card{position:relative}.avatar-frame{position:relative;border-radius:26px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow)}.avatar-frame img{width:100%;aspect-ratio:4 / 5;object-fit:cover}.avatar-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(185deg,transparent 55%,color-mix(in srgb,var(--bg) 62%,transparent))}.avatar-badge{position:absolute;z-index:2;right:-16px;bottom:34px;padding:12px 18px;border-radius:12px;background:var(--accent);color:var(--on-accent);box-shadow:var(--glow);font-weight:700;font-size:14.5px;letter-spacing:.06em}.avatar-rotate{position:absolute;top:26px;right:-26px;bottom:-26px;left:26px;border:1.5px solid var(--accent);border-radius:26px;opacity:.4;z-index:-1}.avatar-map{margin-top:20px;display:flex;align-items:center;gap:10px;color:var(--fg-faint);font-size:12.5px;letter-spacing:.3em;text-transform:uppercase}.about-body .intro p{color:var(--fg-dim);margin-bottom:16px;max-width:620px;text-align:justify}.about-body .intro p:last-child{margin-bottom:0}.about-body .intro p em{font-style:normal;color:var(--fg);font-weight:600}.info-grid{margin-top:34px;display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--card)}.info-grid .info{padding:16px 22px;border-bottom:1px solid var(--line-soft);position:relative}.info-grid .info:nth-child(odd){border-right:1px solid var(--line-soft)}.info-grid .info:nth-last-child(-n+2){border-bottom:none}.info-grid .info .k{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--fg-faint)}.info-grid .info .v{margin-top:4px;font-weight:600;font-size:15.5px}.info-grid .info .v a:hover{color:var(--accent)}.stats{margin-top:36px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.stat{border:1px solid var(--line);border-radius:20px;padding:22px 18px 18px;background:var(--card);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.stat:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:var(--glow)}.stat b{display:block;font-family:"Noto Serif SC",Songti SC,STSong,SimSun,serif;font-size:clamp(28px,2.6vw,40px);font-weight:900;line-height:1.1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.stat span{display:block;margin-top:8px;font-size:13px;letter-spacing:.22em;color:var(--fg-dim)}.timeline{margin-top:clamp(48px,7vh,80px)}.timeline-item{position:relative;padding-left:34px;padding-bottom:44px}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:6px;top:8px;bottom:-6px;width:1.5px;background:var(--line)}.timeline-item:last-child:before{bottom:16px}.timeline-item:after{content:"";position:absolute;left:0;top:9px;width:13px;height:13px;border-radius:50%;background:var(--bg);border:3px solid var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 55%,transparent)}.timeline-time{font-size:12.5px;letter-spacing:.3em;color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}.timeline-org{margin-top:6px;font-size:clamp(18px,1.8vw,23px);font-weight:700;letter-spacing:.04em}.timeline-role{margin-top:2px;color:var(--fg-dim);font-size:14.5px;letter-spacing:.12em}.timeline-points{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,3.4vw,56px)}.proj{border:1px solid var(--line);border-radius:26px;background:var(--card);overflow:hidden;display:flex;flex-direction:column;transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease}.proj:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--accent) 55%,var(--line));box-shadow:var(--shadow)}.proj.wide{grid-column:1 / -1}.proj-media{position:relative;display:block;width:100%;padding:0;border:0;background:none;text-align:left;cursor:pointer;overflow:hidden}.proj-media img{width:100%;height:100%;object-fit:cover;will-change:transform}.proj.wide .proj-media{aspect-ratio:21 / 9;min-height:320px}.proj:not(.wide) .proj-media{aspect-ratio:16 / 10}.proj-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(200deg,transparent 58%,color-mix(in srgb,var(--bg) 74%,transparent));pointer-events:none}.proj-tags{position:absolute;top:18px;left:18px;display:flex;flex-wrap:wrap;gap:8px;z-index:2}.proj-arrow{position:absolute;right:18px;bottom:18px;z-index:2;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);font-size:20px;box-shadow:var(--glow);opacity:0;transform:translateY(12px) rotate(-20deg);transition:opacity .4s ease,transform .4s ease}.proj:hover .proj-arrow{opacity:1;transform:translateY(0) rotate(0)}.proj-open{position:absolute;z-index:2;left:18px;bottom:18px;padding:.5em 1.2em;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 60%,transparent);background:color-mix(in srgb,var(--bg) 55%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--fg);font-size:13px;font-weight:600;letter-spacing:.12em;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.proj:hover .proj-open{opacity:1;transform:translateY(0)}.proj-info{padding:clamp(20px,2.6vw,34px);display:flex;flex-direction:column;gap:10px}.proj-info h3{font-family:"Noto Serif SC",Songti SC,STSong,SimSun,serif;font-size:clamp(20px,2.2vw,30px);font-weight:900;letter-spacing:.05em}.proj-info .desc{color:var(--fg-dim);font-size:15px;max-width:760px}.proj-meta{margin-top:6px;display:flex;gap:18px;font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--fg-faint)}.proj-meta i{color:var(--accent);font-style:normal}.proj-more{margin-left:auto;font-size:12.5px;font-weight:600;letter-spacing:.2em;color:var(--accent);padding:0;background:none;border:0;cursor:pointer;border-bottom:1px dashed transparent;transition:border-color .3s ease,opacity .3s ease}.proj-more:hover{border-bottom-color:var(--accent)}.skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,2.2vw,32px)}.skill{position:relative;border:1px solid var(--line);border-radius:24px;padding:30px 28px;background:var(--card);overflow:hidden;transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease}.skill:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3.5px;background:var(--grad);transform:scaleY(0);transform-origin:top;transition:transform .45s ease}.skill:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--accent) 45%,var(--line));box-shadow:var(--shadow)}.skill:hover:before{transform:scaleY(1)}.skill.featured{grid-column:span 2;background:radial-gradient(120% 160% at 100% 0%,color-mix(in srgb,var(--accent) 14%,transparent) 0%,transparent 55%),var(--card)}.skill-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.skill-no{font-size:13px;font-weight:700;letter-spacing:.3em;color:var(--fg-faint);font-variant-numeric:tabular-nums}.skill-ico{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;border:1px solid var(--line);background:var(--bg);color:var(--accent);transition:transform .4s ease,background .4s ease,color .4s ease}.skill-ico svg{width:24px;height:24px}.skill:hover .skill-ico{transform:rotate(-8deg) scale(1.06);background:var(--accent);color:var(--on-accent)}.skill h3{margin-top:20px;font-size:clamp(18px,1.7vw,22px);font-weight:700;letter-spacing:.05em}.skill p{margin-top:10px;color:var(--fg-dim);font-size:14.5px}.skill.featured h3{font-size:clamp(21px,2vw,26px)}.contact{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border-top:1px solid var(--line-soft);background:radial-gradient(90% 70% at 50% 110%,color-mix(in srgb,var(--accent) 16%,transparent) 0%,transparent 62%),var(--bg)}.contact-watermark{position:absolute;inset-inline:0;top:-14px;text-align:center;font-family:Noto Sans SC,sans-serif;font-weight:900;font-size:clamp(120px,21vw,340px);letter-spacing:.08em;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--line);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.contact-inner{position:relative;z-index:2;padding-block:clamp(120px,16vh,200px);display:flex;flex-direction:column;align-items:flex-start;gap:clamp(20px,3vh,34px);width:100%}.contact-title{font-family:"Noto Serif SC",Songti SC,STSong,SimSun,serif;font-weight:900;font-size:clamp(48px,7.6vw,116px);line-height:1.08;letter-spacing:.05em}.contact-title .cline{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}.contact-title .cline>span{display:block}.contact-sub{color:var(--fg-dim);font-size:clamp(15px,1.4vw,18px);letter-spacing:.14em}.contact-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:8px}.contact-meta{display:flex;flex-wrap:wrap;gap:12px 34px;margin-top:10px;color:var(--fg-dim);font-size:14.5px;letter-spacing:.1em}.contact-meta .okey{color:var(--fg-faint);font-size:12px;letter-spacing:.3em;text-transform:uppercase;margin-right:10px}.contact-bottom{position:absolute;z-index:2;inset-inline:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px clamp(24px,4vw,64px);border-top:1px solid var(--line-soft);font-size:13px;letter-spacing:.16em;color:var(--fg-faint)}.contact-bottom .to-top{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.3em;color:var(--fg-dim);text-transform:uppercase;transition:color .3s ease}.contact-bottom .to-top:hover{color:var(--accent)}.contact-bottom .circle-btn{width:74px;height:74px;margin-right:8px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:24px;transition:transform .35s ease,background .35s ease,color .35s ease}.contact-bottom .circle-btn:hover{transform:translateY(-6px);background:var(--accent);color:var(--on-accent)}.theme-dock{position:fixed;z-index:85;right:22px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;padding:12px 10px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.theme-dock:before{content:"主题";writing-mode:vertical-rl;font-size:9px;letter-spacing:.5em;color:var(--fg-faint);text-align:center;margin-bottom:2px}.theme-btn{position:relative;width:26px;height:26px;border-radius:50%;border:2px solid transparent;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.theme-btn:hover{transform:scale(1.18)}.theme-btn.active{border-color:var(--fg);box-shadow:0 0 0 3px color-mix(in srgb,var(--fg) 22%,transparent)}.theme-btn:after{content:attr(data-name);position:absolute;right:calc(100% + 14px);top:50%;transform:translateY(-50%) translate(6px);padding:6px 12px;border-radius:10px;background:var(--bg);border:1px solid var(--line);color:var(--fg);font-size:12px;letter-spacing:.2em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.theme-btn:hover:after{opacity:1;transform:translateY(-50%) translate(0)}@media (max-width: 1180px){.about-grid{grid-template-columns:1fr}.avatar-frame{max-width:460px}}@media (max-width: 960px){.nav-links{display:none}.skills-grid{grid-template-columns:1fr 1fr}.projects-grid{grid-template-columns:1fr}.proj.wide{grid-column:auto}.proj.wide .proj-media{aspect-ratio:16 / 10}.hero-side{display:none}.stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.skills-grid{grid-template-columns:1fr}.skill.featured{grid-column:auto}.info-grid{grid-template-columns:1fr}.info-grid .info:nth-child(odd){border-right:none}.info-grid .info:nth-last-child(-n+2){border-bottom:1px solid var(--line-soft)}.info-grid .info:last-child{border-bottom:none}.contact-watermark{top:4%}.theme-dock{right:14px}}.hero-inner{padding-bottom:clamp(72px,11vh,130px);width:100%}.hero-eyebrow{display:flex;align-items:center;gap:14px;font-size:12.5px;letter-spacing:.42em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:clamp(20px,3vh,30px)}.hero-eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none}.hero-title{display:flex;align-items:flex-end;gap:.06em;line-height:1.04;letter-spacing:.05em;font-weight:900;font-size:clamp(72px,10.5vw,172px);-webkit-user-select:none;user-select:none}.hero-mask{display:block;overflow:hidden;padding-bottom:.09em;margin-bottom:-.09em}.hero-mask .t-ch{display:block;font-family:"Noto Serif SC",Songti SC,STSong,SimSun,serif;will-change:transform}.hero-mask .t-ch.grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-rule{display:block;width:104px;height:2px;background:var(--grad);margin:clamp(26px,4vh,38px) 0 clamp(18px,2.4vh,26px)}.hero-slogan{font-size:clamp(15px,1.4vw,19px);letter-spacing:.14em;color:var(--fg-dim)}.hero-tools{margin-top:16px;font-size:12.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--fg-faint)}.hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:clamp(28px,4.2vh,46px)}.hero-curtain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;overflow:hidden;pointer-events:none;visibility:hidden}.hero-curtain .cur{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:top}.hero-curtain .cur-1{background:var(--grad);opacity:.92;z-index:2}.hero-curtain .cur-2{background:var(--bg);z-index:1}.hero-scroll{position:absolute;z-index:3;left:50%;bottom:30px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;font-size:10.5px;letter-spacing:.52em;text-transform:uppercase;color:var(--fg-faint);text-indent:.52em}.hero-scroll .line{display:block;width:1px;height:56px;background:var(--line);position:relative;overflow:hidden}.hero-scroll .line:after{content:"";position:absolute;left:0;width:100%;height:28%;background:var(--accent);animation:drop 2.4s cubic-bezier(.4,0,.2,1) infinite}@keyframes drop{0%{top:-30%}to{top:120%}}.hero-waves{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hero-waves .gradient-waves-container{width:100%;height:100%}@media (max-width: 960px){.hero-eyebrow{font-size:11px;letter-spacing:.3em}.hero-title{font-size:clamp(54px,16vw,110px);line-height:1.06}.hero-scroll{display:none}.hero-inner{padding-bottom:64px}}.gallery{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;justify-content:center}.gallery-body{width:100%;height:100%;overflow-y:auto;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:g-fade .4s ease both}@keyframes g-fade{0%{opacity:0}to{opacity:1}}.gallery-inner{width:min(1080px,94vw);margin:clamp(24px,5vh,56px) auto clamp(40px,8vh,96px);animation:g-rise .55s cubic-bezier(.2,.7,.2,1) both}@keyframes g-rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.gallery-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.gallery-title{font-size:clamp(26px,3.2vw,42px);font-weight:900;letter-spacing:.05em;line-height:1.2}.gallery-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.gallery-close{flex:none;width:50px;height:50px;border-radius:50%;border:1px solid var(--line);font-size:18px;display:grid;place-items:center;transition:background .3s ease,color .3s ease,transform .3s ease,border-color .3s ease}.gallery-close:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent);transform:rotate(90deg)}.gallery-desc{margin:18px 0 16px;max-width:820px;color:var(--fg-dim);font-size:15.5px}.gallery-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:26px}.gallery-hint{font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--fg-faint)}.gallery-list img{display:block;width:100%;height:auto;margin-bottom:22px;border-radius:14px;border:1px solid var(--line-soft);animation:g-img-in .7s ease both}.gallery-list img:nth-child(2){animation-delay:.08s}.gallery-list img:nth-child(3){animation-delay:.16s}.gallery-list img:nth-child(4){animation-delay:.24s}@keyframes g-img-in{0%{opacity:0;transform:translateY(28px) scale(.985)}to{opacity:1;transform:none}}.gallery-side{position:fixed;z-index:130;top:50%;transform:translateY(-50%);width:clamp(56px,4.4vw,72px);height:clamp(56px,4.4vw,72px);border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));display:grid;place-items:center;font-size:clamp(20px,1.8vw,26px);font-weight:600;color:var(--fg);background:color-mix(in srgb,var(--accent) 16%,var(--bg) 82%);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 38%,transparent),0 0 34px color-mix(in srgb,var(--accent) 22%,transparent),0 14px 40px #00000059;animation:side-in .5s cubic-bezier(.2,.7,.2,1) .2s both,side-glow 3.4s ease-in-out .8s infinite alternate;transition:background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s ease}@keyframes side-glow{0%{box-shadow:0 0 10px color-mix(in srgb,var(--accent) 30%,transparent),0 0 26px color-mix(in srgb,var(--accent) 16%,transparent),0 14px 40px #00000059}to{box-shadow:0 0 16px color-mix(in srgb,var(--accent) 50%,transparent),0 0 44px color-mix(in srgb,var(--accent) 28%,transparent),0 14px 44px #0006}}.side-prev{left:clamp(10px,2vw,28px)}.side-next{right:clamp(10px,2vw,28px)}.gallery-side:hover{background:var(--accent);color:var(--on-accent);border-color:var(--accent);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 62%,transparent),0 0 52px color-mix(in srgb,var(--accent) 36%,transparent),0 16px 48px #00000073;animation-play-state:paused}.side-prev:hover{transform:translateY(-50%) translate(-4px) scale(1.05)}.side-next:hover{transform:translateY(-50%) translate(4px) scale(1.05)}@keyframes side-in{0%{opacity:0}to{opacity:1}}.gallery-count-pill{position:fixed;z-index:130;left:50%;bottom:22px;transform:translate(-50%);padding:.45em 1.1em;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 70%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:12px;letter-spacing:.3em;color:var(--fg-faint);font-variant-numeric:tabular-nums;pointer-events:none}.gallery-list:after{content:"";display:block;height:60px}@media (max-width: 720px){.gallery-inner{width:96vw;margin-top:16px}}