:root{--gold-primary: #D4AF37;--gold-bright: #FFD700;--gold-dark: #B8860B;--gold-glow: rgba(212, 175, 55, .6);--black-deep: #0a0a0a;--black-soft: #1a1a1a;--brown-dark: #2d1810;--brown-medium: #3d2418;--text-gold: #F4E4C1;--text-white: #FAFAFA;--text-gray: #B8B8B8;--glow-gold: 0 0 20px var(--gold-glow), 0 0 40px var(--gold-glow);--glow-intense: 0 0 10px var(--gold-bright), 0 0 20px var(--gold-bright), 0 0 30px var(--gold-primary);--font-chinese: "Noto Serif SC", serif;--font-title: "Cinzel", serif;--font-body: "Inter", sans-serif;--section-padding: 120px 0}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);background:var(--black-deep);color:var(--text-white);overflow-x:hidden;line-height:1.6}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--black-deep) 0%,var(--brown-dark) 100%);display:flex;justify-content:center;align-items:center;z-index:10000;transition:opacity .8s ease,visibility .8s ease}#loading-screen.hidden{opacity:0;visibility:hidden}.loading-content{text-align:center}.cultivation-circle{width:150px;height:150px;position:relative;margin:0 auto 30px}.circle-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid var(--gold-primary);border-radius:50%;animation:rotate-ring 3s linear infinite}.circle-ring:nth-child(1){width:150px;height:150px;border-top-color:transparent;animation-duration:2s}.circle-ring:nth-child(2){width:110px;height:110px;border-right-color:transparent;animation-duration:3s;animation-direction:reverse}.circle-ring:nth-child(3){width:70px;height:70px;border-bottom-color:transparent;animation-duration:4s}@keyframes rotate-ring{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.loading-text{font-family:var(--font-chinese);font-size:1.8rem;color:var(--gold-bright);text-shadow:var(--glow-gold);margin-bottom:10px;animation:pulse-glow 2s ease-in-out infinite}.loading-subtitle{font-size:1rem;color:var(--text-gold);opacity:.8}@keyframes pulse-glow{0%,to{text-shadow:var(--glow-gold)}50%{text-shadow:var(--glow-intense)}}#three-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}.scroll-indicator{position:fixed;bottom:40px;left:50%;transform:translate(-50%);z-index:100;text-align:center;animation:fade-in-up 1s ease 2s both;transition:opacity .5s ease,visibility .5s ease}.scroll-mouse{width:30px;height:50px;border:2px solid var(--gold-primary);border-radius:15px;margin:0 auto 10px;position:relative}.scroll-wheel{width:4px;height:10px;background:var(--gold-bright);border-radius:2px;position:absolute;top:8px;left:50%;transform:translate(-50%);animation:scroll-down 2s ease-in-out infinite;box-shadow:var(--glow-gold)}@keyframes scroll-down{0%,to{top:8px;opacity:1}50%{top:20px;opacity:.5}}.scroll-indicator p{font-size:.85rem;color:var(--gold-primary);text-transform:uppercase;letter-spacing:2px}.main-content{position:relative;z-index:1}.section{padding:var(--section-padding);min-height:100vh;display:flex;align-items:center;position:relative}.container{max-width:1200px;margin:0 auto;padding:0 40px;width:100%}.intro-section{text-align:center}.avatar-container{width:300px;height:300px;margin:0 auto 50px;position:relative;cursor:pointer}.avatar-aura{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;height:350px;background:radial-gradient(circle,var(--gold-glow) 0%,transparent 70%);animation:pulse-aura 3s ease-in-out infinite}@keyframes pulse-aura{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.9}}.avatar-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%}.ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid var(--gold-primary);border-radius:50%;opacity:.4}.ring-1{width:320px;height:320px;animation:rotate-slow 20s linear infinite;border-style:dashed}.ring-2{width:280px;height:280px;animation:rotate-slow 15s linear infinite reverse}.ring-3{width:340px;height:340px;animation:rotate-slow 25s linear infinite;border-style:dotted}@keyframes rotate-slow{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.avatar-image{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--gold-primary);box-shadow:var(--glow-gold),inset 0 0 30px #00000080;position:relative;z-index:2;transition:transform .3s ease,box-shadow .3s ease}.avatar-container:hover .avatar-image{transform:scale(1.05);box-shadow:var(--glow-intense),inset 0 0 30px #0000004d}.avatar-container:hover .avatar-aura{animation:pulse-aura-hover 1s ease-in-out infinite}@keyframes pulse-aura-hover{0%,to{transform:translate(-50%,-50%) scale(1.1);opacity:.9}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.avatar-glow{position:absolute;inset:-20px;background:radial-gradient(circle,var(--gold-primary) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;border-radius:50%;z-index:1}.avatar-container:hover .avatar-glow{opacity:.3;animation:rotate-glow 4s linear infinite}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.intro-content{max-width:800px;margin:0 auto}.main-title{font-family:var(--font-title);font-size:4rem;font-weight:700;color:var(--gold-bright);text-shadow:var(--glow-gold);margin-bottom:20px;letter-spacing:3px}.title-decoration{display:inline-block;color:var(--gold-primary);font-size:2.5rem;margin:0 20px;animation:rotate-decoration 4s ease-in-out infinite}@keyframes rotate-decoration{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.title-divider{width:200px;height:2px;background:linear-gradient(90deg,transparent 0%,var(--gold-primary) 50%,transparent 100%);margin:20px auto;box-shadow:var(--glow-gold)}.subtitle{font-family:var(--font-chinese);font-size:1.8rem;color:var(--text-gold);margin-bottom:30px;font-weight:400}.tagline{font-family:var(--font-chinese);font-size:1.5rem;color:var(--gold-primary);margin-bottom:30px;line-height:1.8}.ancient-text{font-size:2rem;color:var(--gold-bright);margin:0 10px}.intro-description{font-size:1.1rem;color:var(--text-gray);line-height:1.8;font-style:italic}.section-title{font-family:var(--font-title);font-size:3rem;text-align:center;color:var(--gold-bright);text-shadow:var(--glow-gold);margin-bottom:20px;letter-spacing:2px}.title-icon{display:inline-block;font-size:2rem;margin:0 20px;animation:float-icon 3s ease-in-out infinite}@keyframes float-icon{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.section-subtitle{font-family:var(--font-chinese);font-size:1.2rem;text-align:center;color:var(--text-gold);margin-bottom:60px;opacity:.9}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.skill-card{background:linear-gradient(135deg,var(--brown-dark) 0%,var(--black-soft) 100%);padding:40px 30px;border-radius:15px;border:1px solid var(--gold-dark);position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;cursor:pointer}.skill-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--gold-glow) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.skill-card:hover{transform:translateY(-10px);box-shadow:0 10px 40px var(--gold-glow);border-color:var(--gold-bright)}.skill-card:hover:before{opacity:.2;animation:rotate-gradient 4s linear infinite}@keyframes rotate-gradient{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skill-icon{width:80px;height:80px;margin:0 auto 20px;position:relative}.skill-symbol{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-chinese);font-size:3rem;color:var(--gold-bright);border:2px solid var(--gold-primary);border-radius:50%;background:radial-gradient(circle,var(--gold-glow) 0%,transparent 70%);text-shadow:var(--glow-gold);transition:transform .3s ease}.skill-card:hover .skill-symbol{transform:rotateY(360deg);box-shadow:var(--glow-intense)}.skill-title{font-family:var(--font-chinese);font-size:1.5rem;color:var(--gold-primary);text-align:center;margin-bottom:15px}.skill-level{text-align:center;margin-bottom:20px}.level-text{display:inline-block;padding:5px 15px;background:#d4af371a;border:1px solid var(--gold-dark);border-radius:20px;font-size:.9rem;color:var(--text-gold)}.skill-list{list-style:none;padding:0}.skill-list li{padding:8px 0;color:var(--text-gray);font-size:1rem;transition:color .3s ease,transform .3s ease}.skill-list li:hover{color:var(--gold-primary);transform:translate(10px)}.skill-bullet{color:var(--gold-primary);margin-right:10px;font-size:.8rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.project-card{background:linear-gradient(135deg,var(--black-soft) 0%,var(--brown-dark) 100%);padding:40px 30px;border-radius:15px;border:1px solid var(--gold-dark);position:relative;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease;cursor:pointer;perspective:1000px}.project-card:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,var(--gold-primary),var(--gold-bright),var(--gold-primary));border-radius:15px;opacity:0;transition:opacity .4s ease;z-index:-1}.project-card:hover{transform:rotateX(5deg) rotateY(5deg) scale(1.05);box-shadow:0 20px 60px var(--gold-glow)}.project-card:hover:after{opacity:.3;animation:gradient-rotate 2s linear infinite}@keyframes gradient-rotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.project-icon{font-size:4rem;text-align:center;margin-bottom:20px;filter:drop-shadow(0 0 10px var(--gold-glow));transition:transform .3s ease}.project-card:hover .project-icon{transform:scale(1.2) rotate(10deg)}.project-content{position:relative;z-index:2}.project-title{font-family:var(--font-chinese);font-size:1.8rem;color:var(--gold-bright);margin-bottom:10px;text-shadow:0 0 10px var(--gold-glow)}.project-rank{font-family:var(--font-chinese);font-size:1rem;color:var(--gold-primary);margin-bottom:15px;font-style:italic}.project-description{color:var(--text-gray);line-height:1.6;margin-bottom:20px;font-size:1rem}.project-tech{display:flex;flex-wrap:wrap;gap:10px}.tech-tag{display:inline-block;padding:5px 12px;background:#d4af371a;border:1px solid var(--gold-dark);border-radius:15px;font-size:.85rem;color:var(--gold-primary);transition:background .3s ease,border-color .3s ease,transform .3s ease}.tech-tag:hover{background:#d4af3733;border-color:var(--gold-bright);transform:scale(1.1)}.project-hover-effect{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:200%;background:radial-gradient(circle,var(--gold-glow) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.project-card:hover .project-hover-effect{opacity:.3;animation:pulse-effect 2s ease-in-out infinite}@keyframes pulse-effect{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin:40px 0 60px}.contact-card{background:linear-gradient(135deg,var(--brown-dark) 0%,var(--black-soft) 100%);padding:40px 30px;border-radius:15px;border:1px solid var(--gold-dark);text-align:center;text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.contact-card:hover{transform:translateY(-10px);box-shadow:0 15px 50px var(--gold-glow);border-color:var(--gold-bright)}.contact-icon{font-size:3.5rem;margin-bottom:20px;filter:drop-shadow(0 0 10px var(--gold-glow));transition:transform .3s ease}.contact-card:hover .contact-icon{transform:scale(1.2) rotate(5deg);filter:drop-shadow(0 0 20px var(--gold-bright))}.contact-title{font-family:var(--font-chinese);font-size:1.5rem;color:var(--gold-primary);margin-bottom:10px}.contact-info{color:var(--text-gray);font-size:1rem}.contact-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,var(--gold-glow) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.contact-card:hover .contact-glow{opacity:.5}.footer-quote{text-align:center;margin-top:80px;padding:40px;border-top:1px solid var(--gold-dark);border-bottom:1px solid var(--gold-dark)}.quote-text{font-family:var(--font-chinese);font-size:1.8rem;color:var(--gold-bright);margin-bottom:15px;text-shadow:var(--glow-gold)}.quote-mark{font-size:2.5rem;color:var(--gold-primary);margin:0 10px}.quote-translation{font-size:1.1rem;color:var(--text-gold);font-style:italic;opacity:.9}#particles-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.scroll-to-top{position:fixed;bottom:40px;right:40px;width:60px;height:60px;background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-bright) 100%);border:2px solid var(--gold-bright);border-radius:50%;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:var(--glow-gold);opacity:0;visibility:hidden;transform:translateY(100px)}.scroll-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{transform:translateY(-5px) scale(1.1);box-shadow:var(--glow-intense);background:linear-gradient(135deg,var(--gold-bright) 0%,var(--gold-primary) 100%)}.scroll-to-top:active{transform:translateY(-2px) scale(1.05)}.scroll-top-icon{font-size:1.8rem;color:var(--black-deep);position:relative;z-index:2;animation:bounce-arrow 2s ease-in-out infinite}@keyframes bounce-arrow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.scroll-top-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:radial-gradient(circle,var(--gold-glow) 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.scroll-to-top:hover .scroll-top-glow{opacity:1;animation:pulse-glow-button 1.5s ease-in-out infinite}@keyframes pulse-glow-button{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}[data-aos]{opacity:0;transition-property:opacity,transform}[data-aos].aos-animate{opacity:1}[data-aos=fade-up]{transform:translateY(50px)}[data-aos=fade-up].aos-animate{transform:translateY(0)}[data-aos=zoom-in]{transform:scale(.8)}[data-aos=zoom-in].aos-animate{transform:scale(1)}[data-aos=flip-left]{transform:perspective(1000px) rotateY(-30deg)}[data-aos=flip-left].aos-animate{transform:perspective(1000px) rotateY(0)}@keyframes fade-in-up{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@media(max-width:768px){:root{--section-padding: 80px 0}.container{padding:0 20px}.main-title{font-size:2.5rem}.title-decoration{font-size:1.5rem;margin:0 10px}.section-title{font-size:2rem}.avatar-container{width:200px;height:200px}.ring-1,.ring-2,.ring-3{width:220px!important;height:220px!important}.skills-grid,.projects-grid,.contact-grid{grid-template-columns:1fr}.tagline{font-size:1.2rem}.quote-text{font-size:1.3rem}}@media(max-width:480px){.main-title{font-size:2rem}.section-title{font-size:1.5rem}.avatar-container{width:150px;height:150px}}