:root{color-scheme:dark;--bg: #06090f;--bg-tint: #0a1220;--card: rgba(255, 255, 255, .045);--glass-dark: rgba(16, 12, 7, .55);--ink: #eaf2ff;--ink-soft: rgba(234, 242, 255, .72);--muted: rgba(234, 242, 255, .45);--accent: #46a0ff;--accent-soft: rgba(70, 160, 255, .14);--gold: #1fc8ff;--gold-light: #a8d8ff;--line: rgba(70, 160, 255, .2);--shadow: 0 10px 40px rgba(0, 0, 0, .45);--radius: 20px;--font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:radial-gradient(1100px 560px at 88% -8%,rgba(70,160,255,.13),transparent 62%),radial-gradient(900px 520px at 8% 108%,rgba(0,180,255,.1),transparent 62%),var(--bg);background-attachment:fixed;color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;transition:background .3s,box-shadow .3s,padding .3s}.navbar--scrolled{background:#0b0906c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px #46a0ff24;padding:12px 5vw}.navbar__logo{font-weight:800;font-size:22px;letter-spacing:1px;color:#fff}.navbar__logo span{color:var(--accent)}.navbar__links{display:flex;gap:6px}.navbar__links a{padding:8px 16px;border-radius:999px;font-size:15px;color:var(--ink-soft);transition:all .25s}.navbar__links a:hover{color:var(--accent);background:var(--accent-soft)}.navbar__links a.is-active{color:#041428;background:linear-gradient(100deg,var(--gold-light),var(--accent))}.bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.section{max-width:1080px;margin:0 auto;padding:90px 5vw;scroll-margin-top:90px}.section--tinted{max-width:none;background:linear-gradient(180deg,#46a0ff0d,#ffffff05 45%,#00b4ff0b);border-top:1px solid rgba(70,160,255,.1);border-bottom:1px solid rgba(70,160,255,.1)}.section--tinted>*{max-width:1080px;margin-left:auto;margin-right:auto}.section__title{font-size:clamp(30px,5vw,40px);font-weight:800;text-align:center;color:#fff}.section__title:after{content:"";display:block;width:56px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--gold-light),var(--accent),var(--gold));margin:14px auto 0}.section__subtitle{text-align:center;color:var(--muted);margin-top:12px;font-size:16px}.section__sub-title{font-size:24px;font-weight:700;margin:64px 0 26px;padding-left:14px;border-left:5px solid var(--accent);line-height:1.2;color:#fff}.hero{position:relative;min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;max-width:1200px;margin:0 auto;padding:120px 5vw 90px}.hero__badge{display:inline-flex;align-items:center;gap:9px;padding:7px 16px;border:1px solid var(--line);border-radius:999px;background:#46a0ff0f;color:var(--accent);font-size:12px;letter-spacing:3px;font-weight:600;animation:hero-rise .8s cubic-bezier(.2,.7,.2,1) .05s both}.hero__badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:glow-pulse 2.6s ease-in-out infinite}.hero__title{margin-top:26px;line-height:1.06;color:#fff}.hero__line{display:block;animation:hero-rise .9s cubic-bezier(.2,.7,.2,1) both}.hero__line--1{font-size:clamp(56px,9vw,104px);font-weight:900;letter-spacing:.02em;animation-delay:.15s}.hero__line--2{font-size:clamp(40px,6.5vw,76px);font-weight:800;margin-left:.75em;background:linear-gradient(100deg,var(--gold-light) 0%,var(--accent) 45%,var(--gold) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;animation-delay:.3s}.hero__desc{margin-top:30px;max-width:46ch;color:var(--ink-soft);font-size:16.5px;animation:hero-rise .9s cubic-bezier(.2,.7,.2,1) .6s both}.hero__cta{display:flex;gap:16px;margin-top:38px;flex-wrap:wrap;animation:hero-rise .9s cubic-bezier(.2,.7,.2,1) .72s both}.hero__btn{display:inline-flex;align-items:center;padding:14px 30px;border-radius:999px;font-weight:700;font-size:15.5px;transition:transform .25s,box-shadow .25s,border-color .25s,color .25s}.hero__btn--primary{background:linear-gradient(100deg,var(--gold-light),var(--accent) 50%,var(--gold));color:#041428;box-shadow:0 8px 30px #46a0ff52}.hero__btn--primary:hover{transform:translateY(-3px);box-shadow:0 14px 42px #46a0ff80}.hero__btn--ghost{border:1px solid var(--line);color:var(--ink);background:#ffffff08}.hero__btn--ghost:hover{border-color:#46a0ff8c;color:var(--accent);transform:translateY(-3px)}.hero__right{display:flex;flex-direction:column;align-items:center;gap:20px}.hero__stage{position:relative;aspect-ratio:1;max-width:480px;width:100%;justify-self:center;transform:translate(calc(var(--px, 0) * 12px),calc(var(--py, 0) * 10px));transition:transform .35s ease-out}.hero__orb{position:absolute;top:0;right:0;bottom:0;left:0}.hero__orb-glow{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;border-radius:50%;background:radial-gradient(closest-side,rgba(70,160,255,.36),rgba(0,180,255,.13) 55%,transparent 75%);filter:blur(24px);animation:glow-pulse 5s ease-in-out infinite}.hero__orb-ring{position:absolute;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(168,216,255,.95) 40deg,rgba(0,180,255,.4) 90deg,transparent 140deg,transparent 360deg);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 1px))}.hero__orb-ring--a{top:4%;right:4%;bottom:4%;left:4%;animation:ring-spin 14s linear infinite}.hero__orb-ring--b{top:-7%;right:-7%;bottom:-7%;left:-7%;opacity:.5;animation:ring-spin-rev 22s linear infinite}.hero__ring-layer{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .75s cubic-bezier(.2,.8,.2,1)}.hero__ring-layer--b{opacity:1}.hero__stage.is-open .hero__ring-layer--a{transform:scale(1.16)}.hero__stage.is-open .hero__ring-layer--b{transform:scale(1.28)}.hero__chip-btn{position:absolute;top:23%;right:23%;bottom:23%;left:23%;background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.hero__chip-btn:focus-visible{outline:2px solid var(--accent);outline-offset:8px;border-radius:24px}.hero__chip-float{display:block;width:100%;height:100%;animation:chip-float 7s ease-in-out infinite}.hero__chip{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;-webkit-mask-image:radial-gradient(farthest-side,#000 75%,transparent 96%);mask-image:radial-gradient(farthest-side,#000 75%,transparent 96%);transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .75s;transform:scale(1)}.hero__stage.is-open .hero__chip{transform:scale(1.07);filter:brightness(1.1)}.hero__stage.is-open .hero__orb-ring--a{animation-duration:5s}.hero__stage.is-open .hero__orb-ring--b{animation-duration:8s}.hero__pulse{position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:50%;border:2px solid rgba(168,216,255,.85);box-shadow:0 0 24px #46a0ff80,inset 0 0 24px #46a0ff4d;animation:pulse-out .9s ease-out forwards;pointer-events:none}.hero__tags{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero__tag{position:absolute;transform:translate(-50%,-50%);white-space:nowrap}.hero__tag-inner{display:inline-block;padding:6px 14px;font-size:12.5px;color:#cfe6ff;background:#0a1220b8;border:1px solid rgba(70,160,255,.35);border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 0 14px #46a0ff1f;animation:tag-float 6s ease-in-out infinite}.hero__chip-hint{font-size:12px;letter-spacing:3px;color:var(--muted);transition:color .3s;white-space:nowrap}.hero__chip-hint.is-on{color:var(--accent)}.hero__stats-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.hero__stat{padding:12px 18px;border-radius:16px;border:1px solid var(--line);background:var(--glass-dark);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:border-color .5s,box-shadow .5s;text-align:center;min-width:104px}.hero__stage.is-open .hero__stat{border-color:#46a0ff8c;box-shadow:0 0 26px #46a0ff38,var(--shadow)}.hero__stat b{display:block;font-size:26px;font-weight:800;line-height:1.25;background:linear-gradient(120deg,var(--gold-light),var(--accent) 60%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.hero__stat span{font-size:12px;color:var(--muted);letter-spacing:1px}.hero__scroll{position:absolute;bottom:26px;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:4px;color:var(--muted);animation:scroll-hint 2.4s ease-in-out infinite}.namecard{margin-top:44px;display:grid;grid-template-columns:260px 1fr;gap:40px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:44px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.namecard__avatar-side{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.namecard__avatar-ring{width:170px;height:170px;border-radius:50%;padding:6px;background:linear-gradient(135deg,var(--gold-light),var(--accent),var(--gold));will-change:transform}.namecard__avatar-ring img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid var(--bg-tint)}.namecard__name{margin-top:18px;font-size:26px;font-weight:800;letter-spacing:2px;color:#fff}.namecard__name-cn{color:var(--accent);font-weight:600}.namecard__block+.namecard__block{margin-top:26px}.namecard__label{font-size:13px;font-weight:700;color:var(--accent);letter-spacing:3px;margin-bottom:10px;text-transform:uppercase}.tags{display:flex;flex-wrap:wrap;gap:10px}.tag{padding:6px 16px;background:var(--accent-soft);color:var(--accent);border:1px solid rgba(70,160,255,.25);border-radius:999px;font-size:14px;font-weight:600}.tags--lg .tag{font-size:15px;padding:9px 20px}.namecard__quote{font-size:19px;font-weight:700;color:#fff}.namecard__message{color:var(--ink-soft);font-size:15.5px}.timeline{list-style:none;position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--accent),rgba(70,160,255,.08))}.timeline__item{position:relative;display:grid;grid-template-columns:90px 1fr;gap:16px;padding:0 0 34px 20px}.timeline__dot{position:absolute;left:-30px;top:7px;width:16px;height:16px;border-radius:50%;background:var(--bg-tint);border:4px solid var(--accent);box-shadow:0 0 12px #46a0ff66}.timeline__year{font-weight:800;color:var(--accent);font-size:18px}.timeline__body h4{font-size:18px;margin-bottom:4px;color:#fff}.timeline__body p{color:var(--ink-soft);font-size:15px}.contact{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:36px 40px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.contact__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.contact__item{display:flex;flex-direction:column;gap:4px;padding:16px 18px;background:#00000059;border:1px solid rgba(70,160,255,.1);border-radius:14px}.contact__label{font-size:13px;color:var(--muted);letter-spacing:2px}.contact__value{font-weight:600}.contact__slogan{margin-top:28px;text-align:center;font-size:19px;font-weight:700;background:linear-gradient(100deg,var(--gold-light),var(--accent) 50%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.projects__grid{margin-top:44px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px}.project-card{background:var(--card);border:1px solid rgba(70,160,255,.14);border-radius:var(--radius);padding:30px 28px;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.project-card:hover{transform:translateY(-8px);border-color:#46a0ff8c;box-shadow:0 18px 50px #00000080,0 0 30px #46a0ff26}.project-card__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.project-card__index{font-size:30px;font-weight:800;letter-spacing:1px;background:linear-gradient(120deg,var(--gold-light),var(--accent) 60%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.project-card__count{font-size:13px;font-weight:700;color:var(--accent);background:var(--accent-soft);border:1px solid rgba(70,160,255,.25);padding:4px 12px;border-radius:999px}.project-card__title{font-size:21px;margin-bottom:10px;color:#fff}.project-card__desc{color:var(--ink-soft);font-size:14.5px;flex-grow:1}.project-card__notes{list-style:none;margin:16px 0 20px;padding:14px 16px;background:#00000059;border:1px solid rgba(70,160,255,.08);border-radius:12px;font-size:13.5px;color:var(--ink-soft);display:flex;flex-direction:column;gap:6px}.project-card__notes a{color:var(--accent);text-decoration:none}.project-card__notes a:hover{text-decoration:underline}.project-card__link{font-weight:700;color:var(--accent);font-size:15px}.project-card__link:hover{text-decoration:underline}.project-card__link--pending{color:var(--muted);font-weight:500;font-size:14px}.footer{background:#03070d;border-top:1px solid rgba(70,160,255,.12);text-align:center;padding:54px 5vw}.footer__slogan{font-size:21px;font-weight:700;margin-bottom:12px;background:linear-gradient(100deg,var(--gold-light),var(--accent) 50%,var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}.footer__copy{font-size:13.5px;color:var(--muted)}.footer__stats{display:flex;justify-content:center;gap:28px;flex-wrap:wrap;margin:18px 0 14px}.footer__stat{font-size:13px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.footer__stat b{color:var(--accent);font-weight:800;font-size:16px;min-width:1.2em;text-align:center}.footer__icp{margin-top:16px;font-size:13px;color:var(--muted)}.footer__icp a{color:var(--muted);transition:color .2s}.footer__icp a:hover{color:var(--accent)}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes hero-rise{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes glow-pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes chip-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-out{0%{transform:scale(.55);opacity:1}to{transform:scale(1.7);opacity:0}}@keyframes ring-spin{to{transform:rotate(360deg)}}@keyframes ring-spin-rev{to{transform:rotate(-360deg)}}@keyframes tag-float{0%,to{transform:translate(0)}25%{transform:translate(3px,-7px)}50%{transform:translate(-2px,-12px)}75%{transform:translate(-4px,-5px)}}@keyframes scroll-hint{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.hero__badge,.hero__line,.hero__desc,.hero__cta,.hero__orb-glow,.hero__orb-ring,.hero__chip-float,.hero__tags,.hero__tag-inner,.hero__scroll{animation:none!important}.hero__stage{transition:none}}@media (max-width: 820px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:120px;gap:70px}.hero__stage{max-width:360px}.hero__tags{display:none}.hero__stat{min-width:100px;padding:10px 14px}.hero__stat b{font-size:20px}.hero__line--2{margin-left:.3em}.namecard{grid-template-columns:1fr;padding:32px 24px;gap:28px}.timeline__item{grid-template-columns:70px 1fr}}@media (max-width: 640px){.navbar{padding:12px 4vw}.navbar--scrolled{padding:10px 4vw}.navbar__links{gap:2px}.navbar__links a{padding:6px 12px;font-size:13.5px}.section{padding:64px 5vw}.contact{padding:26px 20px}.timeline__item{grid-template-columns:1fr;gap:2px}.hero__scroll{display:none}}