@import"https://fonts.googleapis.com/css2?family=Comfortaa:wght@400;500;600;700&family=Quicksand:wght@400;500;600;700&display=swap";:root{--peach: #ffb5a7;--peach-light: #fcd5ce;--peach-dark: #f28482;--coral: #ff8a80;--mint: #ffcab0;--mint-light: #ffe4d6;--mint-dark: #e8a888;--teal: #f5b895;--gold: #f5c77e;--gold-light: #fde4b8;--gold-dark: #d4a558;--orange: #ffab76;--cyan: #b8d4e8;--cyan-light: #dae9f5;--cyan-dark: #8bb8d8;--lavender: #f0c8a8;--sky: #a8c8e8;--lemon: #fff8e8;--cream: #fffaf5;--white: #ffffff;--gray-light: #f8f4f2;--gray: #9e9e9e;--text: #5a4a42;--text-light: #8b7b70;--success: #f5a878;--shadow-pink: rgba(255, 181, 167, .25);--shadow-mint: rgba(255, 202, 176, .25);--shadow-gold: rgba(245, 199, 126, .25);--shadow-cyan: rgba(184, 212, 232, .25);--shadow-soft: rgba(90, 74, 66, .08)}*{margin:0;padding:0;box-sizing:border-box;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='%23ffb5a7' stroke='%23f28482' stroke-width='1'/%3E%3C/svg%3E") 12 12,auto}html{scroll-behavior:smooth}body{font-family:Quicksand,Comfortaa,PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(ellipse at 20% 20%,rgba(255,181,167,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,rgba(255,202,176,.3) 0%,transparent 50%),radial-gradient(ellipse at 40% 80%,rgba(245,199,126,.25) 0%,transparent 50%),radial-gradient(ellipse at 90% 80%,rgba(184,212,232,.25) 0%,transparent 50%),linear-gradient(135deg,var(--cream) 0%,#fff5f8 50%,#fff8f0 100%);background-attachment:fixed;color:var(--text);overflow:hidden;line-height:1.8;height:100vh}a,button,.indicator,.nav-btn,.tag,.tool-tag,.highlight,.about-card,.edu-card,.exp-card,.skill-category,.contact-item{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='%23f28482' stroke='%23ff6b6b' stroke-width='1'/%3E%3C/svg%3E") 12 12,pointer}.app:before{content:"";position:fixed;width:300px;height:300px;background:radial-gradient(circle,rgba(255,181,167,.15) 0%,transparent 70%);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease}.app:hover:before{opacity:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--cream);border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--peach) 0%,var(--mint) 100%);border-radius:10px;border:2px solid var(--cream)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--peach-dark) 0%,var(--mint-dark) 100%)}::selection{background:var(--peach);color:#fff}@keyframes float{0%,to{transform:translateY(0) rotate(-2deg)}25%{transform:translateY(-8px) rotate(0)}50%{transform:translateY(-15px) rotate(2deg)}75%{transform:translateY(-8px) rotate(0)}}@keyframes floatSoft{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-12px)}60%{transform:translateY(-6px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}25%{transform:rotate(3deg)}50%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1) rotate(0)}25%{opacity:.8;transform:scale(.9) rotate(5deg)}50%{opacity:.5;transform:scale(.8) rotate(0)}75%{opacity:.8;transform:scale(.9) rotate(-5deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes heartbeat{0%,to{transform:scale(1)}10%{transform:scale(1.15)}20%{transform:scale(1)}30%{transform:scale(1.15)}40%{transform:scale(1)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotateReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #7bc9a566}50%{opacity:.8;transform:scale(1.1);box-shadow:0 0 0 10px #7bc9a500}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--peach),0 0 10px var(--peach-light)}50%{box-shadow:0 0 20px var(--peach),0 0 30px var(--peach-light)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes scrollLine{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(.5);opacity:.5}}@keyframes floatDown{0%{transform:translateY(-100%) rotate(0) scale(.8);opacity:0}10%{opacity:.8;transform:translateY(10vh) rotate(45deg) scale(1)}90%{opacity:.8}to{transform:translateY(100vh) rotate(360deg) scale(.6);opacity:0}}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes swing{0%,to{transform:rotate(0)}20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes ripple{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}@keyframes slideBackground{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.app{height:100vh;position:relative;overflow:hidden}.fireworks-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10000;overflow:visible}.firework-particle{position:absolute;width:var(--size);height:var(--size);background:radial-gradient(circle,var(--color) 0%,transparent 70%);border-radius:50%;animation:firework-explode 1.2s cubic-bezier(.25,.46,.45,.94) forwards;box-shadow:0 0 10px var(--color),0 0 20px var(--color),0 0 40px var(--color),inset 0 0 10px #ffffff80;filter:brightness(1.2)}.firework-particle:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;background:#fffc;border-radius:50%;filter:blur(1px)}.firework-particle:after{content:"";position:absolute;top:50%;left:50%;width:200%;height:4px;background:linear-gradient(90deg,var(--color),transparent);transform-origin:left center;transform:translateY(-50%) rotate(calc(atan2(var(--vy),var(--vx))*1rad));opacity:.6;filter:blur(2px)}@keyframes firework-explode{0%{transform:translate(0) scale(1.5);opacity:1}20%{transform:translate(calc(var(--vx) * .3),calc(var(--vy) * .3)) scale(1.2);opacity:1}to{transform:translate(var(--vx),var(--vy)) scale(0);opacity:0}}.center-flash{position:absolute;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,1) 0%,rgba(255,200,150,.8) 20%,rgba(255,150,100,.4) 40%,transparent 70%);transform:translate(-50%,-50%);animation:center-flash .6s ease-out forwards;pointer-events:none}@keyframes center-flash{0%{transform:translate(-50%,-50%) scale(0);opacity:1;filter:brightness(2)}30%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(2.5);opacity:0;filter:brightness(1)}}.firework-particle.large{animation-duration:1.2s}.firework-particle.medium{animation-duration:1s}.firework-particle.star{animation-duration:.8s;background:radial-gradient(circle,#fff 0%,rgba(255,255,255,.5) 50%,transparent 70%);box-shadow:0 0 8px #fff,0 0 16px #fff,0 0 24px #ffffff80}.firework-particle.star:before{content:"✦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:calc(var(--size) * 1.5);color:#fff;text-shadow:0 0 10px white}.fullpage-container{height:100vh;position:relative}.fullpage-section{position:absolute;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(60px) scale(.95);transition:all .8s cubic-bezier(.4,0,.2,1);z-index:1}.fullpage-section.active{opacity:1;visibility:visible;transform:translateY(0) scale(1);z-index:10}.section-inner{max-width:1100px;width:100%;padding:2rem;animation:contentFadeIn .6s ease .3s backwards}.section-inner.scrollable{max-height:85vh;overflow-y:auto;padding-right:1rem}.section-inner.scrollable::-webkit-scrollbar{width:6px}.section-inner.scrollable::-webkit-scrollbar-thumb{background:var(--peach);border-radius:3px}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.page-indicators{position:fixed;right:2rem;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:1rem}.indicator{display:flex;align-items:center;gap:.75rem;background:none;border:none;padding:.5rem;flex-direction:row-reverse}.indicator-dot{width:12px;height:12px;border-radius:50%;background:#fff9;border:2px solid var(--gray);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.indicator-dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:6px;height:6px;background:#fff;border-radius:50%;transition:transform .3s ease}.indicator:nth-child(1) .indicator-dot{border-color:var(--peach)}.indicator:nth-child(2) .indicator-dot{border-color:var(--mint)}.indicator:nth-child(3) .indicator-dot{border-color:var(--gold)}.indicator:nth-child(4) .indicator-dot{border-color:var(--cyan)}.indicator:nth-child(5) .indicator-dot{border-color:var(--orange)}.indicator:nth-child(6) .indicator-dot{border-color:var(--lavender)}.indicator:nth-child(1).active .indicator-dot{background:var(--peach);box-shadow:0 0 15px var(--shadow-pink)}.indicator:nth-child(2).active .indicator-dot{background:var(--mint);box-shadow:0 0 15px var(--shadow-mint)}.indicator:nth-child(3).active .indicator-dot{background:var(--gold);box-shadow:0 0 15px var(--shadow-gold)}.indicator:nth-child(4).active .indicator-dot{background:var(--cyan);box-shadow:0 0 15px var(--shadow-mint)}.indicator:nth-child(5).active .indicator-dot{background:var(--orange);box-shadow:0 0 15px var(--shadow-gold)}.indicator:nth-child(6).active .indicator-dot{background:var(--lavender);box-shadow:0 0 15px var(--shadow-mint)}.indicator.active .indicator-dot{transform:scale(1.3)}.indicator.active .indicator-dot:after{transform:translate(-50%,-50%) scale(1)}.indicator-label{font-size:.75rem;color:var(--text-light);opacity:0;transform:translate(10px);transition:all .3s ease;white-space:nowrap;font-weight:600}.indicator:hover .indicator-label{opacity:1;transform:translate(0)}.indicator:nth-child(1):hover .indicator-label{color:var(--peach-dark)}.indicator:nth-child(2):hover .indicator-label{color:var(--mint-dark)}.indicator:nth-child(3):hover .indicator-label{color:var(--gold-dark)}.indicator:nth-child(4):hover .indicator-label{color:var(--cyan-dark)}.indicator:nth-child(5):hover .indicator-label{color:var(--gold-dark)}.indicator:nth-child(6):hover .indicator-label{color:var(--mint-dark)}.indicator:hover .indicator-dot{transform:scale(1.2)}.page-nav-buttons{position:fixed;right:2rem;bottom:2rem;display:flex;flex-direction:column;gap:.5rem;z-index:100}.nav-btn{width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid var(--peach-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 5px 20px var(--shadow-pink)}.nav-btn svg{width:24px;height:24px;color:var(--peach-dark);transition:transform .3s ease}.nav-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--peach-light) 0%,var(--mint-light) 100%);border-color:var(--peach);transform:scale(1.1)}.nav-btn:hover:not(:disabled) svg{transform:scale(1.2)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.nav-btn.prev:hover:not(:disabled) svg{animation:bounceUp .5s ease infinite}.nav-btn.next:hover:not(:disabled) svg{animation:bounceDown .5s ease infinite}@keyframes bounceUp{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.bg-decoration{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.bg-pattern{position:absolute;width:100%;height:100%;opacity:.5}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.45;animation:float 25s ease-in-out infinite}.blob-1{width:450px;height:450px;background:linear-gradient(135deg,var(--peach) 0%,var(--coral) 100%);top:-180px;right:-80px;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;animation-delay:0s}.blob-2{width:380px;height:380px;background:linear-gradient(135deg,var(--mint) 0%,var(--lavender) 100%);bottom:15%;left:-120px;animation-delay:-8s;animation-duration:30s;border-radius:40% 60% 70% 30%/40% 50% 60%}.blob-3{width:300px;height:300px;background:linear-gradient(135deg,var(--gold) 0%,var(--orange) 100%);bottom:-100px;right:15%;animation-delay:-15s;animation-duration:35s;border-radius:50% 50% 30% 70%/50% 70% 30% 50%}.blob-4{width:250px;height:250px;background:linear-gradient(135deg,var(--cyan) 0%,var(--sky) 100%);top:40%;right:-50px;animation-delay:-20s;animation-duration:28s;border-radius:70% 30% 50% 50%/30% 60% 40% 70%}.floating-petals{position:fixed;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.petal{position:absolute;animation:floatDown linear infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.petal svg{width:100%;height:100%}.hero-section{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;position:relative}.hero-frame{position:relative;background:#ffffffe0;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-radius:40px;padding:3rem;max-width:980px;width:100%;box-shadow:0 25px 80px var(--shadow-pink),0 10px 40px var(--shadow-soft),0 0 0 1px #ffb5a726,inset 0 1px #ffffffe6;animation:bounceIn 1s cubic-bezier(.68,-.55,.265,1.55) forwards}.frame-corner{position:absolute;width:45px;height:45px;border-color:var(--peach);border-style:solid;border-width:0;transition:all .4s ease}.hero-frame:hover .frame-corner{width:55px;height:55px;border-color:var(--mint)}.frame-corner.tl{top:12px;left:12px;border-top-width:4px;border-left-width:4px;border-radius:20px 0 0}.frame-corner.tr{top:12px;right:12px;border-top-width:4px;border-right-width:4px;border-radius:0 20px 0 0}.frame-corner.bl{bottom:12px;left:12px;border-bottom-width:4px;border-left-width:4px;border-radius:0 0 0 20px}.frame-corner.br{bottom:12px;right:12px;border-bottom-width:4px;border-right-width:4px;border-radius:0 0 20px}.hero-content{display:flex;gap:3.5rem;align-items:center}.avatar-section{display:flex;flex-direction:column;align-items:center;gap:1.25rem;animation:fadeInLeft .8s ease .3s backwards}.avatar-wrapper{position:relative;width:190px;height:190px}.avatar-border{position:absolute;width:100%;height:100%;animation:rotate 20s linear infinite}.border-segment{position:absolute;width:100%;height:100%}.border-segment:before{content:"♥";position:absolute;font-size:14px;color:var(--peach-dark);top:-7px;left:50%;transform:translate(-50%);animation:sparkle 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(242,132,130,.3))}.border-segment:nth-child(odd):before{content:"✦";color:var(--mint-dark);filter:drop-shadow(0 2px 4px rgba(123,201,165,.3))}.border-segment:nth-child(1){transform:rotate(0)}.border-segment:nth-child(2){transform:rotate(45deg)}.border-segment:nth-child(3){transform:rotate(90deg)}.border-segment:nth-child(4){transform:rotate(135deg)}.border-segment:nth-child(5){transform:rotate(180deg)}.border-segment:nth-child(6){transform:rotate(225deg)}.border-segment:nth-child(7){transform:rotate(270deg)}.border-segment:nth-child(8){transform:rotate(315deg)}.avatar{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;border-radius:50%;overflow:hidden;border:5px solid white;box-shadow:0 15px 40px var(--shadow-pink),0 5px 15px var(--shadow-soft),0 0 0 3px var(--peach-light);transition:all .4s cubic-bezier(.4,0,.2,1)}.avatar:hover{transform:translate(-50%,-50%) scale(1.05);box-shadow:0 20px 50px var(--shadow-pink),0 10px 25px var(--shadow-soft),0 0 0 5px var(--peach)}.avatar img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.avatar:hover img{transform:scale(1.1)}.avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--peach-light) 0%,var(--mint-light) 100%);color:var(--peach-dark)}.avatar-fallback svg{width:50%;height:50%}.avatar-decoration{position:absolute;top:0;right:0}.deco-flower{color:var(--peach-dark);animation:bounce 2s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 2px 6px rgba(242,132,130,.4))}.status-badge{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.4rem;background:#fff;border-radius:30px;font-size:.82rem;font-weight:600;color:var(--text);box-shadow:0 8px 25px var(--shadow-pink),0 2px 8px var(--shadow-soft),0 0 0 2px var(--mint-light);animation:floatSoft 3s ease-in-out infinite;transition:all .3s ease}.status-badge:hover{transform:scale(1.05);box-shadow:0 12px 35px var(--shadow-pink),0 4px 12px var(--shadow-soft),0 0 0 3px var(--mint)}.status-dot{width:10px;height:10px;background:var(--success);border-radius:50%;animation:pulse 2s ease-in-out infinite}.hero-info{flex:1;animation:fadeInRight .8s ease .5s backwards}.title-group{margin-bottom:1rem}.hero-title{font-size:2.4rem;color:var(--text);font-weight:700;letter-spacing:.03em;display:flex;align-items:center;gap:.6rem;line-height:1.3}.hero-title svg{animation:swing 3s ease-in-out infinite;flex-shrink:0}.title-underline{height:5px;width:100px;background:linear-gradient(90deg,var(--peach) 0%,var(--mint) 50%,var(--lavender) 100%);background-size:200% auto;margin-top:.6rem;border-radius:5px;animation:slideBackground 3s ease infinite}.hero-subtitle{color:var(--text-light);font-size:1.05rem;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem;font-weight:500}.hero-subtitle .icon{color:var(--mint-dark);animation:floatSoft 2s ease-in-out infinite}.intro-card{position:relative;background:linear-gradient(135deg,#ffb5a71f,#a8e6cf1f);border-radius:24px;padding:1.5rem 1.75rem;margin-bottom:1.5rem;border-left:5px solid var(--peach);transition:all .4s ease}.intro-card:hover{transform:translate(5px);border-left-color:var(--mint);background:linear-gradient(135deg,#ffb5a72e,#a8e6cf2e)}.card-decoration{position:absolute;top:-12px;left:18px;background:#fff;padding:4px 8px;border-radius:50%;box-shadow:0 4px 12px var(--shadow-pink);animation:bounce 3s ease-in-out infinite}.card-decoration svg{color:var(--peach-dark)}.intro-text{color:var(--text);line-height:2;font-size:.92rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.75rem}.tag{padding:.5rem 1rem;background:#fff;border:2px solid var(--peach-light);border-radius:25px;font-size:.82rem;font-weight:600;color:var(--text);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.35rem;cursor:default;position:relative;overflow:hidden}.tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.tag:hover:before{left:100%}.tag .tag-icon{width:14px;height:14px;color:var(--mint-dark);transition:transform .3s ease}.tag:hover{background:linear-gradient(135deg,var(--peach-light) 0%,var(--mint-light) 100%);border-color:var(--peach);transform:translateY(-4px) scale(1.02);box-shadow:0 8px 20px var(--shadow-pink)}.tag:hover .tag-icon{transform:scale(1.2);animation:heartbeat .8s ease}.hero-actions{display:flex;gap:1rem}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.8rem;background:linear-gradient(135deg,var(--peach) 0%,var(--peach-dark) 100%);background-size:200% auto;color:#fff;text-decoration:none;border-radius:30px;font-weight:700;font-size:.88rem;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px var(--shadow-pink),0 2px 8px var(--shadow-soft);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.btn-primary:hover:before{left:100%}.btn-primary svg{width:16px;height:16px;transition:transform .3s ease}.btn-primary:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px var(--shadow-pink),0 5px 15px var(--shadow-soft);background-position:right center}.btn-primary:hover svg:last-child{transform:translate(5px)}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.9rem 1.8rem;background:#fff;color:var(--gold-dark);text-decoration:none;border:3px solid var(--gold);border-radius:30px;font-weight:700;font-size:.88rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-outline:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 100%);transition:width .4s ease;z-index:-1}.btn-outline svg{width:16px;height:16px;transition:transform .3s ease}.btn-outline:hover{color:#fff;border-color:var(--gold-dark);transform:translateY(-5px);box-shadow:0 15px 40px var(--shadow-gold)}.btn-outline:hover:before{width:100%}.btn-outline:hover svg{transform:rotate(15deg)}.scroll-hint{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.6rem;animation:fadeInUp 1s ease 1s backwards;background:none;border:none;cursor:pointer;transition:all .3s ease}.scroll-hint:hover{transform:translate(-50%) translateY(-5px)}.scroll-hint:hover .scroll-line{height:45px;background:linear-gradient(to bottom,var(--peach-dark),var(--mint-dark),transparent)}.scroll-line{width:2px;height:35px;background:linear-gradient(to bottom,var(--peach),var(--mint),transparent);border-radius:2px;animation:scrollLine 2s ease-in-out infinite;transition:all .3s ease}.scroll-hint span{font-size:.65rem;color:var(--text-light);text-transform:uppercase;letter-spacing:3px;font-weight:700;transition:color .3s ease}.scroll-hint:hover span{color:var(--peach-dark)}.section-header{text-align:center;margin-bottom:3.5rem;animation:fadeInUp .8s ease backwards}.section-number{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--peach-dark);letter-spacing:3px;margin-bottom:.5rem;font-weight:700;background:linear-gradient(135deg,var(--peach-light) 0%,var(--mint-light) 100%);padding:.4rem 1.2rem;border-radius:25px;box-shadow:0 4px 15px var(--shadow-pink)}.section-number svg{animation:twinkle 2s ease-in-out infinite}.section-title{font-size:2rem;color:var(--text);font-weight:700;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;gap:.6rem}.section-title .title-icon{color:var(--peach-dark);width:28px;height:28px;animation:bounce 2.5s ease-in-out infinite}.section-line{width:70px;height:5px;background:linear-gradient(90deg,var(--peach) 0%,var(--mint) 100%);margin:1rem auto 0;border-radius:5px;position:relative;overflow:hidden}.section-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shimmer 2s ease infinite}.about-section{background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.4) 50%,transparent 100%)}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}.about-card{background:#fff;border-radius:28px;padding:2rem;box-shadow:0 15px 50px var(--shadow-pink),0 5px 15px var(--shadow-soft);transition:all .5s cubic-bezier(.4,0,.2,1);animation:fadeInUp .8s ease backwards;position:relative;overflow:hidden}.about-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.about-card:hover:before{transform:scaleX(1)}.about-card:nth-child(1):before{background:linear-gradient(90deg,var(--peach) 0%,var(--coral) 100%)}.about-card:nth-child(2):before{background:linear-gradient(90deg,var(--mint) 0%,var(--lavender) 100%)}.about-card:nth-child(3):before{background:linear-gradient(90deg,var(--gold) 0%,var(--orange) 100%)}.about-card:nth-child(1){animation-delay:.1s}.about-card:nth-child(2){animation-delay:.25s}.about-card:nth-child(3){animation-delay:.4s}.about-card:nth-child(1) .card-icon{background:linear-gradient(135deg,var(--peach-light) 0%,var(--peach) 100%);color:#fff}.about-card:nth-child(2) .card-icon{background:linear-gradient(135deg,var(--mint-light) 0%,var(--mint) 100%);color:#fff}.about-card:nth-child(3) .card-icon{background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 100%);color:#fff}.about-card:hover{transform:translateY(-12px) rotate(-1deg);box-shadow:0 25px 60px var(--shadow-pink),0 10px 25px var(--shadow-soft)}.card-icon{width:55px;height:55px;background:linear-gradient(135deg,var(--peach-light) 0%,var(--mint-light) 100%);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:var(--peach-dark);transition:all .4s ease;box-shadow:0 8px 20px var(--shadow-pink)}.about-card:hover .card-icon{transform:scale(1.1) rotate(10deg);background:linear-gradient(135deg,var(--peach) 0%,var(--mint) 100%);color:#fff}.card-icon svg{width:26px;height:26px}.about-card h3{font-size:1.15rem;color:var(--text);margin-bottom:1rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.trait-list{list-style:none}.trait-list li{display:flex;align-items:flex-start;gap:.7rem;margin-bottom:.7rem;color:var(--text);font-size:.88rem;line-height:1.7;transition:all .3s ease}.trait-list li:hover{transform:translate(5px);color:var(--peach-dark)}.trait-icon{color:var(--mint-dark);flex-shrink:0;margin-top:.15rem;width:18px;height:18px;transition:all .3s ease}.trait-list li:hover .trait-icon{transform:scale(1.2);color:var(--peach-dark)}.tool-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tool-tag{padding:.4rem .8rem;background:linear-gradient(135deg,var(--peach-light) 0%,var(--mint-light) 100%);border-radius:18px;font-size:.78rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.3rem;transition:all .3s ease;cursor:default}.tool-tag:hover{transform:scale(1.08) rotate(-2deg);box-shadow:0 5px 15px var(--shadow-pink)}.tool-tag .tool-icon{width:12px;height:12px;color:var(--peach-dark)}.education-section{background:#ffffff80}.education-cards{display:flex;gap:2rem;justify-content:center}.edu-card{flex:1;max-width:420px;background:#fff;border-radius:28px;padding:2rem;position:relative;overflow:hidden;box-shadow:0 15px 50px var(--shadow-mint),0 5px 15px var(--shadow-soft);transition:all .5s cubic-bezier(.4,0,.2,1);animation:fadeInUp .8s ease backwards}.edu-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--peach) 0%,var(--mint) 50%,var(--lavender) 100%)}.edu-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 25px 60px var(--shadow-mint),0 10px 25px var(--shadow-soft)}.edu-badge{position:absolute;top:1.5rem;right:1.5rem;padding:.4rem 1rem;background:linear-gradient(135deg,var(--mint) 0%,var(--teal) 100%);color:#fff;border-radius:20px;font-size:.75rem;font-weight:700;display:flex;align-items:center;gap:.35rem;box-shadow:0 5px 15px var(--shadow-mint);animation:floatSoft 3s ease-in-out infinite}.edu-content{position:relative;z-index:1;margin-top:.75rem}.edu-period{display:flex;align-items:center;gap:.5rem;color:var(--text-light);font-size:.85rem;margin-bottom:.6rem;font-weight:500}.edu-period svg{color:var(--peach-dark);animation:swing 3s ease-in-out infinite}.edu-school{font-size:1.25rem;color:var(--text);margin-bottom:.5rem;font-weight:700;display:flex;align-items:center;gap:.4rem}.edu-major{color:var(--text);font-size:.9rem;display:flex;align-items:center;gap:.35rem}.major-label{color:var(--peach-dark);font-weight:700}.edu-decoration{position:absolute;bottom:1rem;right:1rem;color:#a8e6cf26;animation:floatSoft 4s ease-in-out infinite}.edu-decoration svg{width:70px;height:70px}.experience-section{background:linear-gradient(180deg,rgba(255,255,255,.5) 0%,var(--cream) 100%)}.experience-timeline{position:relative;padding-left:3rem}.timeline-track{position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(to bottom,var(--peach),var(--mint),var(--lavender),var(--sky));border-radius:5px;box-shadow:0 0 15px var(--shadow-pink)}.exp-item{position:relative;margin-bottom:2.5rem;animation:fadeInUp .8s ease backwards}.exp-item:nth-child(1){animation-delay:.1s}.exp-item:nth-child(2){animation-delay:.3s}.exp-item:nth-child(3){animation-delay:.5s}.exp-item:nth-child(4){animation-delay:.7s}.exp-marker{position:absolute;left:-3rem;top:0}.marker-dot{width:18px;height:18px;background:#fff;border:4px solid var(--peach);border-radius:50%;position:relative;left:-6px;box-shadow:0 0 0 5px #ffb5a733,0 5px 15px var(--shadow-pink);transition:all .4s ease}.exp-item:hover .marker-dot{transform:scale(1.3);border-color:var(--mint);box-shadow:0 0 0 8px #a8e6cf33,0 8px 20px var(--shadow-mint)}.exp-card{background:#fff;border-radius:28px;padding:2rem;box-shadow:0 15px 50px var(--shadow-pink),0 5px 15px var(--shadow-soft);transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.exp-card:before{content:"";position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(to bottom,var(--peach),var(--mint));transform:scaleY(0);transform-origin:top;transition:transform .4s ease}.exp-card:hover:before{transform:scaleY(1)}.exp-card:hover{box-shadow:0 20px 60px var(--shadow-pink),0 10px 25px var(--shadow-soft);transform:translate(15px)}.exp-header{margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:3px dashed var(--peach-light)}.exp-meta{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem;flex-wrap:wrap}.exp-date{color:var(--peach-dark);font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:.3rem}.exp-date .date-icon{animation:swing 3s ease-in-out infinite}.exp-position{padding:.3rem .85rem;background:linear-gradient(135deg,var(--mint-light) 0%,var(--mint) 100%);border-radius:18px;font-size:.78rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.25rem;box-shadow:0 4px 12px var(--shadow-mint)}.exp-company{font-size:1.3rem;color:var(--text);font-weight:700;display:flex;align-items:center;gap:.4rem}.exp-company .company-icon{color:var(--peach-dark);animation:floatSoft 3s ease-in-out infinite}.exp-duties{list-style:none}.exp-duties li{display:flex;gap:1rem;margin-bottom:.85rem;font-size:.9rem;line-height:1.75;color:var(--text);transition:all .3s ease}.exp-duties li:hover{transform:translate(8px)}.duty-number{color:#fff;font-size:.75rem;font-weight:700;flex-shrink:0;width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-top:.1rem;transition:all .3s ease;text-shadow:0 1px 2px rgba(0,0,0,.1)}.exp-duties li:nth-child(1) .duty-number{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);box-shadow:0 4px 12px #ff6b6b66}.exp-duties li:nth-child(2) .duty-number{background:linear-gradient(135deg,#ffa94d,#ff922b);box-shadow:0 4px 12px #ffa94d66}.exp-duties li:nth-child(3) .duty-number{background:linear-gradient(135deg,#a9e34b,#82c91e);box-shadow:0 4px 12px #a9e34b66}.exp-duties li:nth-child(4) .duty-number{background:linear-gradient(135deg,#4ecdc4,#26a69a);box-shadow:0 4px 12px #4ecdc466}.exp-duties li:nth-child(5) .duty-number{background:linear-gradient(135deg,#a78bfa,#8b5cf6);box-shadow:0 4px 12px #a78bfa66}.exp-duties li:nth-child(6) .duty-number{background:linear-gradient(135deg,#f472b6,#ec4899);box-shadow:0 4px 12px #f472b666}.exp-duties li:nth-child(7) .duty-number{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 4px 12px #60a5fa66}.exp-duties li:nth-child(8) .duty-number{background:linear-gradient(135deg,#34d399,#10b981);box-shadow:0 4px 12px #34d39966}.exp-duties li:hover .duty-number{transform:scale(1.1) translateY(-2px)}.exp-footer{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.5rem;padding-top:1.25rem;border-top:3px dashed var(--mint-light)}.highlight{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:linear-gradient(135deg,var(--peach-light) 0%,var(--mint-light) 100%);border-radius:22px;font-size:.8rem;font-weight:600;color:var(--text);transition:all .3s ease;box-shadow:0 4px 12px var(--shadow-pink)}.highlight:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px var(--shadow-pink)}.highlight-icon{display:flex;align-items:center;justify-content:center;color:var(--peach-dark)}.highlight-icon svg{width:16px;height:16px}.skills-section{background:#ffffff80}.skills-wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}.skill-category{background:#fff;border-radius:28px;padding:2rem;box-shadow:0 15px 50px var(--shadow-mint),0 5px 15px var(--shadow-soft);transition:all .5s cubic-bezier(.4,0,.2,1);animation:fadeInUp .8s ease backwards;position:relative;overflow:hidden}.skill-category:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.skill-category:nth-child(1):before{background:linear-gradient(90deg,var(--cyan) 0%,var(--cyan-dark) 100%)}.skill-category:nth-child(2):before{background:linear-gradient(90deg,var(--lavender) 0%,var(--mint-dark) 100%)}.skill-category:nth-child(3):before{background:linear-gradient(90deg,var(--gold) 0%,var(--orange) 100%)}.skill-category:nth-child(1) .category-header h3{color:var(--cyan-dark)}.skill-category:nth-child(2) .category-header h3{color:var(--mint-dark)}.skill-category:nth-child(3) .category-header h3{color:var(--gold-dark)}.skill-category:hover:before{transform:scaleX(1)}.skill-category:hover{transform:translateY(-10px) rotate(1deg);box-shadow:0 25px 60px var(--shadow-mint),0 10px 25px var(--shadow-soft)}.category-header{display:flex;align-items:center;gap:.7rem;margin-bottom:1.5rem}.category-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,var(--peach-light) 0%,var(--mint-light) 100%);border-radius:10px;color:var(--peach-dark);animation:wiggle 3s ease-in-out infinite}.skill-category:nth-child(1) .category-icon{background:linear-gradient(135deg,var(--cyan-light) 0%,var(--cyan) 100%);color:#fff}.skill-category:nth-child(2) .category-icon{background:linear-gradient(135deg,var(--mint-light) 0%,var(--lavender) 100%);color:#fff}.skill-category:nth-child(3) .category-icon{background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 100%);color:#fff}.category-header h3{font-size:1.1rem;color:var(--text);font-weight:700}.skill-items{display:flex;flex-direction:column;gap:1.15rem}.skill-item{display:flex;flex-direction:column;gap:.4rem}.skill-info{display:flex;justify-content:space-between;align-items:center}.skill-name{font-size:.85rem;color:var(--text);display:flex;align-items:center;gap:.35rem;font-weight:600}.skill-name .skill-icon{width:14px;height:14px;color:var(--peach-dark);transition:transform .3s ease}.skill-item:hover .skill-icon{transform:scale(1.3);animation:heartbeat .8s ease}.skill-level{font-size:.78rem;color:var(--mint-dark);font-weight:700}.skill-bar{height:10px;background:linear-gradient(90deg,var(--peach-light) 0%,var(--mint-light) 100%);border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000d}.skill-fill{height:100%;background:linear-gradient(90deg,var(--peach) 0%,var(--mint) 50%,var(--gold) 100%);background-size:200% auto;border-radius:10px;transition:width 1.2s cubic-bezier(.4,0,.2,1);position:relative;animation:slideBackground 3s ease infinite}.skill-category:nth-child(1) .skill-fill{background:linear-gradient(90deg,var(--cyan-light) 0%,var(--cyan) 50%,var(--cyan-dark) 100%)}.skill-category:nth-child(2) .skill-fill{background:linear-gradient(90deg,var(--mint-light) 0%,var(--lavender) 50%,var(--mint-dark) 100%)}.skill-category:nth-child(3) .skill-fill{background:linear-gradient(90deg,var(--gold-light) 0%,var(--gold) 50%,var(--orange) 100%)}.skill-category:nth-child(1) .skill-level{color:var(--cyan-dark)}.skill-category:nth-child(2) .skill-level{color:var(--mint-dark)}.skill-category:nth-child(3) .skill-level{color:var(--gold-dark)}.skill-fill:after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 3px 10px var(--shadow-pink),0 0 0 3px var(--peach-light);transition:all .3s ease}.skill-item:hover .skill-fill:after{transform:translateY(-50%) scale(1.2);box-shadow:0 5px 15px var(--shadow-pink),0 0 0 4px var(--peach)}.contact-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.contact-card{background:#fff;border-radius:35px;padding:3rem;box-shadow:0 25px 80px var(--shadow-pink),0 10px 30px var(--shadow-soft);max-width:580px;margin:0 auto;text-align:center;position:relative;overflow:hidden;animation:bounceIn .8s ease backwards}.contact-card:before{content:"";position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,var(--peach) 0%,var(--mint) 33%,var(--lavender) 66%,var(--sky) 100%);background-size:300% auto;animation:slideBackground 4s ease infinite}.contact-header{margin-bottom:2.5rem}.contact-header h2{font-size:1.6rem;color:var(--text);margin-bottom:.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:.6rem}.contact-header h2 .header-icon{color:var(--peach-dark);animation:heartbeat 2.5s ease-in-out infinite}.contact-header p{color:var(--text-light);font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.3rem}.contact-items{display:flex;flex-direction:column;gap:1.25rem}.contact-item{display:flex;align-items:center;gap:1.25rem;padding:1.25rem;background:linear-gradient(135deg,#ffb5a714,#a8e6cf14);border-radius:22px;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1);border:2px solid transparent}.contact-item:hover{background:linear-gradient(135deg,#ffb5a726,#a8e6cf26);border-color:var(--peach-light);transform:translate(8px) scale(1.02);box-shadow:0 10px 30px var(--shadow-pink)}.contact-icon{width:55px;height:55px;background:#fff;border-radius:18px;display:flex;align-items:center;justify-content:center;color:var(--peach-dark);flex-shrink:0;box-shadow:0 8px 25px var(--shadow-pink),0 2px 8px var(--shadow-soft);transition:all .4s ease}.contact-item:hover .contact-icon{transform:scale(1.1) rotate(10deg);background:linear-gradient(135deg,var(--peach-light) 0%,var(--mint-light) 100%)}.contact-icon svg{width:24px;height:24px}.wechat-qr-item{flex-direction:column;align-items:center;text-align:center}.wechat-qr-wrapper{width:140px;height:140px;background:#fff;border-radius:18px;padding:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 25px var(--shadow-pink),0 2px 8px var(--shadow-soft);transition:all .4s ease;margin-bottom:.5rem}.wechat-qr-item:hover .wechat-qr-wrapper{transform:scale(1.05);box-shadow:0 12px 35px var(--shadow-pink),0 4px 12px var(--shadow-soft)}.wechat-qr-img{width:100%;height:100%;object-fit:contain;border-radius:10px}.wechat-qr-item .contact-text{align-items:center}.contact-text{display:flex;flex-direction:column}.contact-text .label{font-size:.75rem;color:var(--text-light);margin-bottom:.15rem;display:flex;align-items:center;gap:.3rem;font-weight:600}.contact-text .value{font-size:1rem;color:var(--text);font-weight:700}.footer-inline{text-align:center;padding:1.5rem;background:#5a4a420d;border-radius:20px;max-width:400px}.footer-inline .footer-brand{display:flex;align-items:center;justify-content:center;gap:.6rem;margin-bottom:.75rem}.footer-inline .brand-flower{color:var(--peach-dark);animation:heartbeat 3s ease-in-out infinite}.footer-inline .footer-brand span{font-size:1rem;font-weight:700;color:var(--text)}.footer-inline .footer-text{color:var(--text-light);font-size:.8rem;margin-bottom:.3rem}.footer-inline .footer-copyright{color:var(--gray);font-size:.7rem}@media (max-width: 1024px){.hero-content{flex-direction:column;gap:2rem;text-align:center}.hero-info{display:flex;flex-direction:column;align-items:center}.hero-title{justify-content:center;font-size:1.8rem}.hero-subtitle,.skill-tags{justify-content:center}.about-grid,.skills-wrapper{grid-template-columns:1fr;max-width:480px;margin:0 auto}.education-cards{flex-direction:column;align-items:center}.edu-card{width:100%;max-width:420px}.page-indicators{right:1rem}.page-nav-buttons{right:1rem;bottom:1rem}.nav-btn{width:40px;height:40px}}@media (max-width: 768px){html{font-size:14px}.hero-frame{padding:1.5rem;border-radius:25px}.hero-title{font-size:1.5rem}.avatar-wrapper{width:140px;height:140px}.avatar{width:115px;height:115px}.section-inner{padding:1rem}.section-title{font-size:1.4rem}.experience-timeline{padding-left:1.5rem}.exp-marker{left:-1.5rem}.exp-card{padding:1.25rem;border-radius:18px}.contact-card{padding:1.5rem;border-radius:22px}.page-indicators,.indicator-label{display:none}.intro-card{padding:1rem}.intro-text{font-size:.85rem}}@media (max-width: 480px){html{font-size:12px}.hero-actions{flex-direction:column;width:100%}.btn-primary,.btn-outline{width:100%;justify-content:center}.about-card,.edu-card,.exp-card,.skill-category{padding:1.25rem}.page-nav-buttons{flex-direction:row;bottom:1rem;right:50%;transform:translate(50%)}.scroll-hint{bottom:4rem}}