:root{--bg-primary:#f4f3ef;--bg-secondary:#eae8e2;--bg-surface:#fff;--bg-elevated:#fafaf8;--border:#0000000f;--border-light:#0000001a;--text-primary:#141414;--text-secondary:#6b6b6b;--text-tertiary:#a0a0a0;--accent:#b8936e;--max-width:1700px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg-primary);font-size:16px}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img,video{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.section-label{letter-spacing:.25em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:20px;font-size:.7rem;font-weight:600}section[id],div[id]{scroll-margin-top:120px}.section-title{letter-spacing:-.03em;margin-bottom:28px;font-size:clamp(5rem,8vw,7rem);font-weight:700;line-height:1.1}.section-note{color:var(--text-tertiary);letter-spacing:.04em;font-size:.5em;font-weight:400}.container{max-width:var(--max-width);margin:0 auto;padding:0 80px}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#aaa}::selection{color:var(--text-primary);background:#b8936e33}.navbar{z-index:100;padding:28px 0;transition:all .4s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#f4f3efe0;padding:16px 0}.navbar-inner{max-width:var(--max-width);justify-content:center;align-items:center;margin:0 auto;padding:0 80px;display:flex}.nav-links{align-items:center;gap:48px;display:flex}.nav-link{color:var(--text-secondary);letter-spacing:.05em;padding:4px 0;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-link:after{content:"";background:var(--accent);width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active:after{width:100%}.nav-dropdown-wrapper{position:relative}.nav-dropdown-wrapper:after{content:"";pointer-events:auto;z-index:0;height:100px;position:absolute;top:100%;left:0;right:0}.nav-dropdown-anchor{z-index:101;pointer-events:auto;position:absolute;top:calc(100% + 6px);left:0}.nav-dropdown{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:0;min-width:140px;padding:14px 20px;display:flex;position:relative;box-shadow:0 8px 30px #00000014}.nav-dropdown:before{content:"";background:var(--border-light);width:1px;position:absolute;top:20px;bottom:20px;left:17px}.nav-dropdown-item{color:var(--text-secondary);letter-spacing:.04em;white-space:nowrap;border-radius:6px;margin:0 -8px;padding:10px 16px;font-size:.8rem;font-weight:500;line-height:1.4;text-decoration:none;transition:background .2s,color .2s;display:block;position:relative}.nav-dropdown-item:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;transition:transform .2s;position:absolute;top:50%;left:-16px;transform:translateY(-50%)}.nav-dropdown-item:hover{color:var(--text-primary);background:#b8936e1a}.nav-dropdown-item:hover:before{transform:translateY(-50%)scale(1.4)}.eyeball-pair{flex-direction:row;justify-content:center;align-items:center;gap:8px;display:flex}.eyeball-eye{background:#fffdf7;border-radius:50%;width:clamp(130px,23vw,265px);height:clamp(130px,23vw,265px);position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000f,inset 0 1px 4px #0000000a}.eyeball-pupil{will-change:transform;background:#111;border-radius:50%;width:37%;height:37%;transition:width .2s,height .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.eyeball-eye.dilate .eyeball-pupil{width:45%;height:45%}.hero{background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;height:100vh;min-height:700px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background:radial-gradient(60% 50% at 50% 40%,#b8936e0f 0%,#0000 60%);animation:4s ease-in-out infinite heroBgPulse;position:absolute;inset:0}@keyframes heroBgPulse{0%,to{opacity:.6}50%{opacity:1}}.hero-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{z-index:1;background:#0000004d;position:absolute;inset:0}.hero-fallback{display:none}.hero-card{z-index:2;border:20px solid #fff;border-radius:4px;width:100%;max-width:595px;margin:0 auto 24px;position:relative;overflow:hidden;box-shadow:0 4px 32px #0000001a}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-card{animation:5s ease-in-out 2.5s infinite cardFloat}.hero-card-eyes{background:#b8936e;justify-content:center;align-items:center;height:430px;display:flex;overflow:hidden}.hero-card-body{background:#fff;padding:18px}.hero-card-title{color:var(--text-primary);text-align:left;letter-spacing:-.02em;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;font-size:56px;font-weight:700;line-height:1.06}.hero-card-sub{color:var(--text-tertiary);text-align:left;margin-top:4px;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;font-size:22px;font-weight:500}.hero-card-footer{color:var(--accent);text-align:left;letter-spacing:.06em;margin-top:36px;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;font-size:14px;font-weight:500}.hero-cta{z-index:2;border:2px solid var(--accent);letter-spacing:.06em;color:var(--accent);border-radius:100px;justify-content:center;align-items:center;margin-top:16px;margin-bottom:40px;padding:14px 40px;font-size:.85rem;font-weight:600;transition:all .35s;display:inline-flex;position:relative}.hero-cta:hover{background:var(--accent);color:#fff}.hero-scroll{z-index:2;color:#999;letter-spacing:.16em;text-transform:uppercase;flex-direction:column;align-items:center;gap:8px;font-size:.6rem;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.hero-scroll-line{background:#ccc;width:1px;height:32px;position:relative;overflow:hidden}.hero-scroll-line:after{content:"";background:#333;width:100%;height:100%;animation:2s ease-in-out infinite scrollPulse;position:absolute;top:0;left:0}@keyframes scrollPulse{0%,to{transform:translateY(-100%)}50%{transform:translateY(100%)}}.hero-dots{pointer-events:none;z-index:1;position:absolute;inset:0}.hero-dot{opacity:.32;border-radius:50%;animation:6s ease-in-out infinite heroDotFloat;position:absolute}.hero-dot-0{background:var(--accent);width:8px;height:8px;animation-duration:7s}.hero-dot-1{background:var(--text-tertiary);width:5px;height:5px;animation-duration:5s;animation-delay:-2s}.hero-dot-2{background:var(--border-light);width:6px;height:6px;animation-duration:6.5s;animation-delay:-4s}.hero-dot:nth-child(odd){animation-direction:normal}.hero-dot:nth-child(2n){animation-direction:reverse}.hero-dot:nth-child(3n){animation-duration:5.5s}.hero-dot:nth-child(5n+1){animation-delay:-1s}.hero-dot:nth-child(7n+2){animation-delay:-3s}@keyframes heroDotFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(12px,-20px)scale(1.15)}50%{transform:translate(-10px,-36px)scale(.85)}75%{transform:translate(-16px,-12px)scale(1.08)}}.hero-dot:first-child{top:8%;left:12%}.hero-dot:nth-child(2){top:5%;left:28%}.hero-dot:nth-child(3){top:12%;left:45%}.hero-dot:nth-child(4){top:6%;left:68%}.hero-dot:nth-child(5){top:10%;left:82%}.hero-dot:nth-child(6){top:15%;left:7%}.hero-dot:nth-child(7){top:3%;left:55%}.hero-dot:nth-child(8){top:18%;left:92%}.hero-dot:nth-child(9){top:22%;left:18%}.hero-dot:nth-child(10){top:20%;left:75%}.hero-dot:nth-child(11){top:28%;left:5%}.hero-dot:nth-child(12){top:25%;left:85%}.hero-dot:nth-child(13){top:32%;left:35%}.hero-dot:nth-child(14){top:30%;left:60%}.hero-dot:nth-child(15){top:8%;left:38%}.hero-dot:nth-child(16){top:14%;left:52%}.hero-dot:nth-child(17){top:5%;left:90%}.hero-dot:nth-child(18){top:85%;left:10%}.hero-dot:nth-child(19){top:90%;left:25%}.hero-dot:nth-child(20){top:82%;left:42%}.hero-dot:nth-child(21){top:88%;left:65%}.hero-dot:nth-child(22){top:92%;left:80%}.hero-dot:nth-child(23){top:78%;left:15%}.hero-dot:nth-child(24){top:95%;left:55%}.hero-dot:nth-child(25){top:75%;left:88%}.hero-dot:nth-child(26){top:80%;left:32%}.hero-dot:nth-child(27){top:86%;left:72%}.hero-dot:nth-child(28){top:70%;left:48%}.hero-dot:nth-child(29){top:92%;left:5%}.hero-dot:nth-child(30){top:72%;left:92%}.hero-dot:nth-child(31){top:16%;left:22%}.hero-dot:nth-child(32){top:24%;left:70%}.hero-dot:nth-child(33){top:35%;left:50%}.hero-dot:nth-child(34){top:40%;left:15%}.hero-dot:nth-child(35){top:45%;left:80%}.hero-dot:nth-child(36){top:50%;left:90%}.eyeball-pair.dilating .eyeball-pupil{width:45%;height:45%;transition:width .25s,height .25s}.about{background:#f1f0ec;padding:100px 0}.about-header{align-items:center;gap:32px;margin-bottom:32px;display:flex}.about-avatar-wrap{flex-shrink:0;width:140px;height:140px;position:relative}.about-avatar{z-index:1;border-radius:50%;width:120px;height:120px;position:relative;overflow:hidden}.about-avatar-placeholder{background:linear-gradient(135deg,#f5f0ea 0%,#ede4d8 100%);width:100%;height:100%}.about-ink{z-index:0;width:140px;height:140px;color:var(--accent);position:absolute;top:-10px;left:-10px}.about-header-info{flex:1}.about-name{letter-spacing:.12em;color:var(--text-primary);margin-bottom:2px;font-size:2.3rem;font-weight:700}.about-name-sub{letter-spacing:.06em;color:#bbb;margin-bottom:6px;font-size:.8rem;font-weight:400}.about-tagline{color:#555;margin-bottom:14px;font-size:.9rem}.about-meta{flex-wrap:wrap;gap:24px;display:flex}.about-meta-item{color:#888;align-items:center;gap:6px;font-size:.8rem;display:flex}.about-divider{background:#e0e0e0;border:none;height:1px;margin-bottom:32px}.about-body{grid-template-columns:1fr 1fr;align-items:stretch;gap:60px;display:grid}.about-body>*{flex-direction:column;justify-content:space-between;display:flex}.about-section-title{color:var(--accent);width:auto;margin-bottom:20px;padding-bottom:8px;font-size:1rem;font-weight:700;display:table;position:relative}.about-section-title:after{content:"";background:var(--accent);width:10%;height:2px;position:absolute;bottom:0;left:0}.about-timeline-list{margin-top:8px;padding-left:0;position:relative}.about-timeline-item{border-left:2px solid var(--border);padding-bottom:28px;padding-left:24px;position:relative}.about-timeline-item:last-child{border-left-color:#0000;padding-bottom:0}.about-timeline-marker{background:var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:-6px}.about-timeline-content{flex-direction:column;gap:4px;display:flex}.about-timeline-title{color:var(--text-primary);font-size:.95rem;font-weight:700;line-height:1.3}.about-timeline-role{color:var(--text-secondary);font-size:.82rem;font-weight:400}.about-timeline-period{color:var(--text-tertiary);font-size:.72rem;font-weight:400}.about-timeline-desc{color:var(--text-secondary);margin-top:6px;font-size:.82rem;line-height:1.6}.about-timeline-projects{color:var(--text-tertiary);margin-top:4px;font-size:.76rem;line-height:1.5}.about-timeline-proj-label{color:var(--accent);font-weight:600}.about-stats{gap:48px;margin-top:8px;display:flex}.about-stat-value{letter-spacing:-.02em;color:var(--accent);margin-bottom:4px;font-size:2.4rem;font-weight:700;line-height:1}.about-stat-label{color:#888;font-size:.78rem}.about-edu-list{flex-direction:column;margin-top:8px;display:flex}.about-edu-item{border-left:2px solid var(--border);padding-bottom:20px;padding-left:18px;position:relative}.about-edu-item:last-child{border-left-color:#0000;padding-bottom:0}.about-edu-marker{background:var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:-6px}.about-edu-content{flex-direction:column;gap:4px;display:flex}.about-edu-title{color:var(--text-primary);font-size:.9rem;font-weight:700}.about-edu-major{color:var(--text-secondary);font-size:.8rem}.about-edu-period{color:var(--text-tertiary);font-size:.72rem}.about-skills{flex-direction:column;gap:16px;margin-top:8px;display:flex}.about-skill-row{align-items:center;gap:16px;display:flex}.about-skill-name{color:#333;text-align:left;flex-shrink:0;width:100px;font-size:.8rem;font-weight:500}.about-skill-bars{flex:1;gap:4px;display:flex}.about-skill-bar{background:#e0e0e0;border-radius:2px;width:100%;max-width:28px;height:10px}.about-skill-bar.filled{background:var(--accent)}.about-qr-item{cursor:pointer;position:relative}.about-qr-popup{opacity:0;pointer-events:none;z-index:200;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:14px 14px 12px;transition:opacity .5s;position:fixed;box-shadow:0 6px 30px #0000001a}.about-qr-popup.visible{opacity:1}.about-qr-frame{background:var(--accent);border-radius:8px;justify-content:center;align-items:center;width:155px;height:155px;display:flex}.about-qr-popup img{border-radius:5px;width:150px;height:150px;display:block}.about-ai-list{flex-direction:column;margin-top:8px;display:flex}.about-ai-row{border-bottom:1px solid #0000000d;grid-template-columns:170px 1fr;gap:28px;padding:10px 0;display:grid}.about-ai-row.about-ai-header{border-bottom:1px solid #0000001f;margin-bottom:4px;padding-bottom:8px}.about-ai-row.about-ai-header .about-ai-tool,.about-ai-row.about-ai-header .about-ai-desc{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:600}.about-ai-tool{color:#333;font-size:.8rem;font-weight:500}.about-ai-desc{color:var(--text-secondary);white-space:normal;font-size:.82rem;line-height:1.5}.projects{padding:140px 0 100px}.projects-header{margin-bottom:16px}.projects-hint{color:var(--text-tertiary);letter-spacing:.04em;text-align:center;margin:30px 0;font-family:Comic Sans MS,Chalkboard SE,PingFang SC,sans-serif;font-size:.9rem;font-weight:400}.hint-hover{color:var(--accent);letter-spacing:.06em;font-weight:700}.hint-arrow{color:var(--accent);vertical-align:middle;margin:0 4px;font-size:1.5em}.projects-header .section-label{color:var(--text-tertiary);margin-bottom:8px;font-size:.62rem}.projects-header .section-title{color:var(--accent);margin-bottom:0;font-size:clamp(1.8rem,3vw,2.5rem)}.projects-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.projects-grid--4{grid-template-columns:repeat(4,1fr);gap:60px 40px}.project-card{border-radius:2px;position:relative;overflow:hidden}.project-card-video{aspect-ratio:9/16;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' viewBox='0 0 36 36'%3E%3Ccircle cx='18' cy='18' r='16' fill='none' stroke='rgb(184,147,110)' stroke-width='2'/%3E%3C/svg%3E") 18 18,auto;background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden}.project-card-image{aspect-ratio:16/10;background:var(--bg-surface);border-radius:2px;width:100%;position:relative;overflow:hidden}.project-video{object-fit:cover;width:100%;height:100%;display:block}.project-progress{background:#00000014;border-radius:0 0 12px 12px;height:3px;position:absolute;bottom:0;left:0;right:0}.project-progress-fill{background:var(--accent);border-radius:0 0 12px 12px;height:100%;transition:width .1s linear}.gif-row{flex-wrap:nowrap;justify-content:center;align-items:center;gap:120px;display:flex;overflow-x:auto}.gif-pair{flex-shrink:0;align-items:center;gap:8px;display:flex}.showreel-wrap{border-radius:12px;width:100%;overflow:hidden}.showreel-player{cursor:pointer;border-radius:12px;position:relative;overflow:hidden}.showreel-video{border-radius:12px;width:100%;display:block}.showreel-play-icon{cursor:pointer;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.showreel-play-icon.hidden{opacity:0}.gif-item{border-radius:12px;flex-shrink:0;width:auto;height:160px;display:block}.kv-grid{grid-template-columns:repeat(2,1fr);gap:60px 72px;max-width:900px;margin:0 auto;display:grid}.kv-card{background:var(--bg-surface);border-radius:12px;position:relative;overflow:hidden}.kv-card--vertical{aspect-ratio:2/3}.kv-card--wide{aspect-ratio:16/7;grid-column:1/-1;margin-top:8px}.kv-number{z-index:1;letter-spacing:.08em;color:var(--accent);background:#ffffffd9;border-radius:4px;padding:3px 8px;font-size:.8rem;font-weight:600;position:absolute;top:12px;left:14px}.kv-image{object-fit:cover;cursor:pointer;width:100%;height:100%;display:block}.loading-tip-block{text-align:center;color:var(--text-tertiary);letter-spacing:.04em;margin:-8px 0 16px;font-size:.9rem;font-weight:400;animation:.4s tipFadeIn}@keyframes tipFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.loading-dots{letter-spacing:.05em;font-size:1.15em}.loading-dots span{font-weight:700;animation:1.3s ease-in-out infinite loadingDot;display:inline-block}.loading-dots span:first-child{animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes loadingDot{0%,60%,to{opacity:.15;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.lightbox-overlay{z-index:1000;cursor:pointer;background:#000000d9;justify-content:center;align-items:center;padding:60px;display:flex;position:fixed;inset:0}.lightbox-image{object-fit:contain;cursor:default;border-radius:4px;width:auto;max-width:90vw;height:auto;max-height:85vh;box-shadow:0 12px 60px #0006}.lightbox-close{z-index:1001;cursor:pointer;transition:opacity .2s;position:absolute;top:24px;right:24px}.lightbox-close:hover{opacity:.7}.contact{text-align:center;background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding-top:120px;display:flex;position:relative;overflow:hidden}.contact:before{content:"";background:linear-gradient(to bottom, transparent, var(--border));width:1px;height:80px;position:absolute;top:0;left:50%;transform:translate(-50%)}.contact-dots{pointer-events:none;z-index:0;position:absolute;inset:0}.contact-dot{opacity:.38;border-radius:50%;animation:6s ease-in-out infinite dotFloat;position:absolute}.contact-dot.dot-0{background:var(--accent);width:8px;height:8px;animation-duration:7s}.contact-dot.dot-1{background:var(--text-tertiary);width:5px;height:5px;animation-duration:5s;animation-delay:-2s}.contact-dot.dot-2{background:var(--border-light);width:6px;height:6px;animation-duration:6.5s;animation-delay:-4s}.contact-dot:nth-child(odd){animation-direction:normal}.contact-dot:nth-child(2n){animation-direction:reverse}.contact-dot:nth-child(3n){animation-duration:5.5s}.contact-dot:nth-child(5n+1){animation-delay:-1s}.contact-dot:nth-child(7n+2){animation-delay:-3s}@keyframes dotFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(12px,-20px)scale(1.15)}50%{transform:translate(-10px,-36px)scale(.85)}75%{transform:translate(-16px,-12px)scale(1.08)}}.contact-dot:first-child{top:8%;left:12%}.contact-dot:nth-child(2){top:5%;left:28%}.contact-dot:nth-child(3){top:12%;left:45%}.contact-dot:nth-child(4){top:6%;left:68%}.contact-dot:nth-child(5){top:10%;left:82%}.contact-dot:nth-child(6){top:15%;left:7%}.contact-dot:nth-child(7){top:3%;left:55%}.contact-dot:nth-child(8){top:18%;left:92%}.contact-dot:nth-child(9){top:22%;left:18%}.contact-dot:nth-child(10){top:20%;left:75%}.contact-dot:nth-child(11){top:28%;left:5%}.contact-dot:nth-child(12){top:25%;left:85%}.contact-dot:nth-child(13){top:32%;left:35%}.contact-dot:nth-child(14){top:30%;left:60%}.contact-dot:nth-child(15){top:8%;left:38%}.contact-dot:nth-child(16){top:14%;left:52%}.contact-dot:nth-child(17){top:5%;left:90%}.contact-dot:nth-child(18){top:85%;left:10%}.contact-dot:nth-child(19){top:90%;left:25%}.contact-dot:nth-child(20){top:82%;left:42%}.contact-dot:nth-child(21){top:88%;left:65%}.contact-dot:nth-child(22){top:92%;left:80%}.contact-dot:nth-child(23){top:78%;left:15%}.contact-dot:nth-child(24){top:95%;left:55%}.contact-dot:nth-child(25){top:75%;left:88%}.contact-dot:nth-child(26){top:80%;left:32%}.contact-dot:nth-child(27){top:86%;left:72%}.contact-dot:nth-child(28){top:70%;left:48%}.contact-dot:nth-child(29){top:92%;left:5%}.contact-dot:nth-child(30){top:72%;left:92%}.contact-dot:nth-child(31){top:16%;left:22%}.contact-dot:nth-child(32){top:24%;left:70%}.contact-dot:nth-child(33){top:35%;left:50%}.contact-dot:nth-child(34){top:40%;left:15%}.contact-dot:nth-child(35){top:45%;left:80%}.contact-dot:nth-child(36){top:50%;left:90%}.contact-content{z-index:1;max-width:700px;padding:0 40px;position:relative}.contact-main-title{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:16px;font-size:clamp(3.5rem,9vw,7rem);font-weight:700;line-height:1.1;transform:rotate(-.3deg)}.contact-subtitle{color:var(--text-tertiary);letter-spacing:.08em;justify-content:center;align-items:center;gap:10px;margin-bottom:48px;font-size:1.15rem;font-weight:500;display:flex}.contact-arrow{color:var(--accent);flex-shrink:0;animation:2s ease-in-out infinite arrowBounce}@keyframes arrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.contact-email-link{letter-spacing:-.02em;color:var(--text-primary);border-bottom:1px solid var(--border);margin-bottom:38px;padding-bottom:38px;font-size:1.5rem;font-weight:500;transition:color .3s;display:inline-block}.contact-email-link:hover{color:var(--accent)}.contact-location{color:var(--text-tertiary);letter-spacing:.04em;margin-bottom:36px;font-size:.85rem}.contact-social{justify-content:center;gap:32px;display:flex}.contact-social-link{border:1px solid var(--border);width:48px;height:48px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.contact-social-link:hover{border-color:var(--text-secondary);color:var(--text-primary)}.contact-social-wrap{position:relative}.contact-email-popup{background:var(--bg-surface);border:1px solid var(--border);white-space:nowrap;z-index:10;border-radius:12px;align-items:center;gap:12px;padding:18px 24px;animation:.2s popupFadeIn;display:flex;position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%);box-shadow:0 6px 30px #0000001a}.contact-email-popup:before{content:"";background:0 0;width:60px;height:16px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.contact-email-popup:after{content:"";border:8px solid #0000;border-top-color:var(--bg-surface);position:absolute;top:100%;left:50%;transform:translate(-50%)}.contact-email-popup-text{color:var(--text-primary);-webkit-user-select:text;user-select:text;cursor:text;font-size:1rem}.contact-email-popup-copy{width:36px;height:36px;color:var(--text-tertiary);background:0 0;border-radius:8px;justify-content:center;align-items:center;margin-left:4px;transition:all .2s;display:flex}.contact-email-popup-copy:hover{background:var(--bg-secondary);color:var(--accent)}.contact-wechat-popup{background:var(--bg-surface);border:1px solid var(--border);z-index:10;border-radius:12px;flex-direction:column;align-items:center;gap:10px;padding:14px 14px 12px;animation:.2s popupFadeIn;display:flex;position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%);box-shadow:0 6px 30px #0000001a}.contact-wechat-popup:before{content:"";background:0 0;width:60px;height:16px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.contact-wechat-popup:after{content:"";border:8px solid #0000;border-top-color:var(--bg-surface);position:absolute;top:100%;left:50%;transform:translate(-50%)}.contact-wechat-qr-frame{background:var(--accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:155px;height:155px;display:flex}.contact-wechat-qr{border-radius:5px;width:150px;height:150px;display:block}.contact-wechat-account-row{align-items:center;gap:8px;display:flex}.contact-wechat-account{color:var(--text-secondary);letter-spacing:.04em;-webkit-user-select:text;user-select:text;cursor:text;font-size:.85rem;font-weight:500}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%)translateY(6px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.footer{color:var(--text-tertiary);letter-spacing:.1em;z-index:1;font-size:.7rem;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.scroll-progress{z-index:99;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;top:50%;right:24px;transform:translateY(-50%)}.scroll-progress-track{cursor:pointer;background:#fff;border-radius:1px;width:2px;height:120px;position:relative}.scroll-progress-bar{background:#000;border-radius:1px;width:100%;position:absolute;top:0;left:0}.scroll-progress-thumb{background:var(--accent);border-radius:50%;width:10px;height:10px;position:absolute;left:50%;transform:translate(-50%,-50%)}.scroll-progress-label{letter-spacing:.08em;color:var(--text-tertiary);-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums;text-align:center;min-width:2ch;font-size:.6rem;font-weight:600}.app{background:var(--bg-primary)}