*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#00dc82;--secondary:#1a1a2e;--text:#e0e0e0;--text-light:#a0a0a0;--bg-dark:#0f0f1a;--bg-light:#1a1a2e;--gradient:linear-gradient(135deg,#00dc82,#36e4da)}body{background:var(--bg-dark);color:var(--text);font-family:Inter,PingFang SC,Apple LiGothic,Microsoft YaHei,-apple-system,sans-serif;line-height:1.6}.name,.section-title,h1,h2,h3{font-family:Poppins,PingFang SC,Apple LiGothic,Microsoft YaHei,sans-serif}.app{min-height:100vh}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f0f1af2;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:1000}.nav-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px}.logo{color:var(--primary);font-size:1.5rem;font-weight:700;text-decoration:none}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:var(--text);font-size:.95rem;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--primary)}.language-switcher{display:flex;gap:.5rem}.language-switcher button{background:transparent;border:1px solid var(--text-light);border-radius:4px;color:var(--text);cursor:pointer;padding:.25rem .75rem;transition:all .3s}.language-switcher button.active,.language-switcher button:hover{background:var(--primary);border-color:var(--primary);color:var(--bg-dark)}.hero{align-items:center;display:flex;flex-wrap:wrap;gap:4rem;justify-content:center;min-height:100vh;padding:6rem 2rem 2rem}.hero-content{max-width:600px}.greeting{color:var(--primary);font-size:1.2rem;margin-bottom:.5rem}.name{background:var(--gradient);-webkit-background-clip:text;font-size:3.5rem;font-weight:700;-webkit-text-fill-color:transparent;background-clip:text}.name,.title{margin-bottom:1rem}.title{color:var(--text);font-size:1.5rem}.description{color:var(--text-light);margin-bottom:2rem}.cta-button{background:var(--gradient);border-radius:50px;color:var(--bg-dark);display:inline-block;font-weight:700;padding:1rem 2rem;text-decoration:none;transition:transform .3s,box-shadow .3s}.cta-button:hover{box-shadow:0 10px 30px #00dc824d;transform:translateY(-3px)}.avatar,.hero-image{display:flex;justify-content:center}.avatar{align-items:center;animation:float 3s ease-in-out infinite;background:var(--gradient);border-radius:50%;font-size:8rem;height:250px;width:250px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}section{margin:0 auto;max-width:1200px;padding:5rem 2rem}.section-title{background:var(--gradient);-webkit-background-clip:text;font-size:2.5rem;margin-bottom:3rem;text-align:center;-webkit-text-fill-color:transparent;background-clip:text}.about-description{color:var(--text-light);font-size:1.1rem;margin:0 auto 3rem;max-width:800px;text-align:center}.stats{display:flex;flex-wrap:wrap;gap:4rem;justify-content:center}.stat-item{text-align:center}.stat-number{color:var(--primary);display:block;font-size:2.5rem;font-weight:700}.stat-label{color:var(--text-light)}.timeline{margin:0 auto;max-width:900px;position:relative}.timeline:before{background:var(--primary);bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:2rem;padding-left:2rem;position:relative}.timeline-marker{background:var(--primary);border-radius:50%;height:14px;left:-6px;position:absolute;top:0;width:14px}.timeline-content{background:var(--bg-light);border-radius:10px;padding:1.5rem}.timeline-content h3{color:var(--primary);margin-bottom:.5rem}.timeline-content .role{font-weight:700;margin-bottom:.25rem}.timeline-content .period{color:var(--text-light);font-size:.9rem;margin-bottom:1rem}.timeline-content ul{padding-left:1.5rem}.timeline-content li{color:var(--text-light);line-height:1.5;margin-bottom:.75rem}.projects-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.project-card{background:var(--bg-light);border-radius:15px;padding:2rem;transition:transform .3s}.project-card:hover{transform:translateY(-5px)}.project-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.project-card h3{color:var(--primary)}.project-status{background:var(--bg-dark);border-radius:20px;color:var(--text-light);font-size:.8rem;padding:.25rem .75rem}.project-card p{color:var(--text-light);line-height:1.6;margin-bottom:1rem}.project-link{color:var(--primary);font-weight:700;text-decoration:none}.edu-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.edu-item{background:var(--bg-light);border-radius:10px;padding:1.5rem;text-align:center}.edu-item h3{color:var(--primary);font-size:1.1rem;margin-bottom:.5rem}.edu-item .degree{font-weight:700;margin-bottom:.25rem}.edu-item .period{color:var(--text-light);font-size:.9rem}.volunteer{background:var(--bg-light);border-radius:20px;margin:2rem auto}.volunteer-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.volunteer-item{background:var(--bg-dark);border-radius:10px;padding:1.5rem}.volunteer-item h3{color:var(--primary);margin-bottom:.5rem}.volunteer-item .role{color:var(--text);font-weight:700;margin-bottom:.5rem}.volunteer-item .desc{color:var(--text-light);line-height:1.6}.interests{color:var(--primary);font-size:1.1rem;font-weight:700;text-align:center}.contact-description{color:var(--text-light);margin-bottom:3rem;text-align:center}.contact-info{display:flex;flex-wrap:wrap;gap:4rem;justify-content:center}.contact-item{text-align:center}.contact-icon{display:block;font-size:2rem;margin-bottom:.5rem}.contact-label{color:var(--primary);display:block;font-weight:700;margin-bottom:.25rem}.contact-value{color:var(--text-light);text-decoration:none}.contact-value:hover{color:var(--primary)}.footer{border-top:1px solid var(--bg-light);color:var(--text-light);padding:2rem;text-align:center}@media(max-width:768px){.nav-links{display:none}.name{font-size:2.5rem}.hero{text-align:center}.stats{gap:2rem}.timeline:before{left:0}.projects-grid,.volunteer-grid{grid-template-columns:1fr}}