.welcome-container{max-width:1440px;height:100vh;margin:0 auto;position:relative;justify-content:center;padding:0 4rem;background-color:#ffffff;color:#333333}.main-content,.welcome-container{width:100%;display:flex;flex-direction:column;align-items:center}.main-content{text-align:center}.welcome-text{margin-bottom:8rem}.welcome-title{font-size:6.5rem;font-weight:300;margin:0 0 2rem;line-height:1.2;min-height:8rem;display:flex;align-items:center;justify-content:center;color:#000000}.subtitle{font-size:5rem;font-weight:200;margin:0;color:#666666;line-height:1.2}.cursor{animation:blink 1s infinite;color:#333333}.navigation-buttons{display:flex;gap:4rem;flex-wrap:wrap;justify-content:center;align-items:center}.nav-btn{background:none;border:none;font-size:2rem;font-family:HYRunYuan,sans-serif;color:#333333;cursor:pointer;padding:1.5rem 2rem;transition:all .3s ease;position:relative;white-space:nowrap}.nav-btn:hover{color:#000000;transform:translateY(-2px)}.nav-btn:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:#333333;transition:all .3s ease;transform:translateX(-50%)}.nav-btn:hover:after{width:80%}.welcome-footer{font-size:1.5rem;color:#666666;text-align:center}@media (max-width:1440px){.welcome-container{padding:0 2rem}.welcome-title{font-size:5.5rem}.subtitle{font-size:4rem}.navigation-buttons{gap:2rem}}@media (max-width:768px){.welcome-title{font-size:4rem;min-height:5rem}.subtitle{font-size:3rem}.nav-btn{font-size:1.6rem}.navigation-buttons{gap:1.5rem;flex-direction:column;align-items:center}}.three-d-face{display:flex;justify-content:center;align-items:center;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative}.three-d-face.dragging{cursor:-webkit-grabbing;cursor:grabbing}.three-d-face.disabled{cursor:default;position:relative}.three-d-face canvas{border-radius:50%;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:box-shadow .3s ease,transform .1s ease;position:relative}.three-d-face:hover canvas{box-shadow:0 6px 30px rgba(255,215,0,.3)}.three-d-face.disabled:hover canvas{box-shadow:0 4px 20px rgba(0,0,0,.1)}.three-d-face.dragging canvas{box-shadow:0 8px 40px rgba(255,215,0,.5)}.sayhi-container{max-width:1440px;height:100vh;margin:0 auto;position:relative;justify-content:center;padding:0 4rem;background-color:#ffffff;color:#333333}.sayhi-container,.sayhi-content{width:100%;display:flex;flex-direction:column;align-items:center}.sayhi-content{text-align:center;gap:4rem}.sayhi-title{font-size:3.5rem;font-weight:300;margin:0;color:#333333;line-height:1.2}.face-container{position:relative;width:20rem;height:20rem;display:flex;justify-content:center;align-items:center}.sayhi-instruction{font-size:2.5rem;color:#666666;margin:0;line-height:1.2;font-weight:200}.typewriter-cursor{animation:blink 1s infinite;color:#333333}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.personal-info-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;gap:2rem;font-family:HYRunYuan,sans-serif}.info-line{font-size:6.5rem;color:#333333;margin:0;line-height:1.2;font-weight:300;opacity:0}.info-line-1{animation-delay:.2s}.info-line-2{animation-delay:.4s}.info-line-3{animation-delay:.6s}.info-line-4{animation-delay:.8s}.info-line-5{animation-delay:1s}.learn-more{font-size:2.5rem!important;color:#666666;margin-top:2rem;cursor:pointer;transition:all .3s ease;position:relative;padding-bottom:1.5rem}.learn-more:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background-color:#333333;transition:all .3s ease;transform:translateX(-50%)}.learn-more:hover:after{width:110%}.info-line.slide-up{animation:slideUpFadeIn 2s ease-out forwards}.info-line.slide-down{animation:slideDownFadeIn 2s ease-out forwards}.info-line.learn-more:hover{color:#000000!important;transform:translateY(-2px)!important}@media (max-width:1440px){.sayhi-container{padding:0 2rem}.sayhi-title{font-size:3rem}.sayhi-instruction{font-size:2rem}.info-line{font-size:5rem}.learn-more{font-size:2rem!important}}@media (max-width:768px){.sayhi-title{font-size:2.5rem}.sayhi-instruction{font-size:1.8rem}.face-container{width:15rem;height:15rem}.info-line{font-size:3.5rem}.learn-more{font-size:1.5rem!important}.personal-info-content{gap:1.5rem}}.personality-container{width:100%;height:100vh;overflow-y:auto;overflow-x:hidden;scroll-behavior:auto;font-family:HYRunYuan,sans-serif;scrollbar-width:none;-ms-overflow-style:none;will-change:scroll-position;transform:translateZ(0)}.personality-container::-webkit-scrollbar{display:none}.combined-screens{height:200vh;width:100%;position:relative}.all-sticky-content{height:200vh;z-index:1;width:100%;position:absolute;top:0;background:linear-gradient(180deg,#ffffff 0,#ffffff 50%,rgba(0,0,0,.7) 0,rgba(0,0,0,.7))}.personality-content,.sticky-content{max-width:1200px;width:100%;text-align:center;padding:0 4rem;box-sizing:border-box;margin:0 auto}.sticky-content{position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10}.text-split-container{position:relative}.text-layer,.text-split-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.text-layer{position:absolute;top:0;left:0;text-align:center;will-change:clip-path}.text-layer.text-dark .personality-subtitle,.text-layer.text-dark .personality-title{color:#333333}.text-layer.text-dark .scroll-arrow,.text-layer.text-dark .scroll-hint p,.text-layer.text-dark .trait-item{color:#666666}.text-layer.text-light .personality-subtitle,.text-layer.text-light .personality-title{color:#fefefe;text-shadow:0 0 8px rgba(247,156,114,.6),0 0 16px rgba(248,223,114,.4),0 0 24px rgba(247,156,114,.25),0 0 32px rgba(248,223,114,.15)}.text-layer.text-light .trait-item{color:#fafafa;text-shadow:0 0 6px rgba(247,156,114,.5),0 0 12px rgba(248,223,114,.3),0 0 18px rgba(247,156,114,.2),0 0 24px rgba(248,223,114,.1)}.text-layer.text-light .scroll-arrow,.text-layer.text-light .scroll-hint p{color:#f8f8f8;text-shadow:0 0 4px rgba(247,156,114,.4),0 0 8px rgba(248,223,114,.25),0 0 12px rgba(247,156,114,.15),0 0 16px rgba(248,223,114,.1)}.personality-title{font-size:6.5rem;font-weight:300;margin-bottom:2rem;opacity:0;line-height:1.2}.personality-title.animate-title{animation:fadeInUp .5s ease-out .2s forwards}.personality-traits{margin:3rem 0;font-size:5rem;line-height:1.4;font-weight:200}.trait-item{opacity:0;transform:translateX(-50px);display:inline-block;margin:0 .5rem;position:relative}.trait-item:after{content:"";position:absolute;top:50%;left:0;height:4px;width:var(--individual-strikethrough-progress,0);background:#ff0000;transform:translateY(-50%);transition:width .3s ease;z-index:2}.trait-item.animate-trait-1{animation:slideInLeft .8s ease-out .5s forwards}.trait-item.animate-trait-2{animation:slideInLeft .8s ease-out .7s forwards}.trait-item.animate-trait-3{animation:slideInLeft .8s ease-out .9s forwards}.trait-item.animate-trait-4{animation:slideInLeft .8s ease-out 1.1s forwards}.personality-subtitle{font-size:6.5rem;font-weight:300;margin-top:2rem;opacity:0;line-height:1.2}.personality-subtitle.animate-subtitle{animation:fadeInUp 1s ease-out 1.5s forwards}.section-title{font-size:2.5rem;font-weight:200;margin-bottom:3rem;opacity:0;animation:fadeInDown 1s ease-out .5s forwards;line-height:1.2}.personality-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem;max-width:1000px;margin:3rem auto}.detail-card{background:rgba(255,255,255,.05);padding:2rem;border-radius:15px;border:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(30px);transition:transform .4s ease,box-shadow .3s ease}.detail-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(255,255,255,.1)}.detail-card.fade-in-1{animation:fadeInUp .8s ease-out .5s forwards}.detail-card.fade-in-2{animation:fadeInUp .8s ease-out .7s forwards}.detail-card.fade-in-3{animation:fadeInUp .8s ease-out .9s forwards}.detail-card.fade-in-4{animation:fadeInUp .8s ease-out 1.1s forwards}.detail-card h3{font-size:2rem;font-weight:300;margin-bottom:1rem;color:#fff;line-height:1.2}.detail-card p{font-size:1.4rem;font-weight:200;line-height:1.5;color:rgba(255,255,255,.8)}.scroll-hint{margin-top:4rem;opacity:0;animation:fadeIn 1s ease-out 3.5s forwards}.scroll-arrow{font-size:2rem;animation:bounce 2s infinite;margin-bottom:1rem}.scroll-hint p{font-size:1.4rem;font-weight:200;line-height:1.2}.black-background-layer{position:absolute;top:50%;left:0;right:0;bottom:0;background-color:#000000;height:50%;z-index:-2}.emoji-split-container{position:-webkit-sticky;position:sticky;top:50%;width:100%;height:100%;z-index:-1}.emoji-background{position:-webkit-sticky;position:sticky;top:0;left:0;right:0;bottom:0;height:50%;background-image:url(/img/sparkle.png);background-size:400px 400px;will-change:clip-path,opacity;background-position:0 0}.emoji-background.emoji-lower,.emoji-background.emoji-upper{z-index:-1}@keyframes floatEmojis{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.rainbow-text{background:linear-gradient(45deg,#ff0000,#ff7f00,#ffff00,#00ff00,#0000ff,#4b0082,#9400d3,#ff0000);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:rainbowFlow 3s ease-in-out infinite;text-decoration:none;font-weight:700}.rainbow-text:hover{text-decoration:underline;-webkit-text-decoration-color:#ff0000;text-decoration-color:#ff0000;text-decoration-thickness:2px;text-underline-offset:6px;transition:all .3s ease-in}@keyframes rainbowFlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.funny-text{font-size:3rem;font-weight:200;margin-top:2rem;transition:all .6s ease;line-height:1.2}.funny-text-dark{color:#666666}.funny-text-light{color:#fefefe;text-shadow:0 0 6px rgba(247,156,114,.5),0 0 12px rgba(248,223,114,.3),0 0 18px rgba(247,156,114,.2),0 0 24px rgba(248,223,114,.1)}.funny-text-dark .rainbow-text,.funny-text-light .rainbow-text{text-shadow:none}.slide-in-right{animation:slideInRight .8s ease-out forwards}.slide-out-right{animation:slideOutRight .6s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(50px)}}@media (max-width:1440px){.personality-content{padding:0 2rem}.personality-title{font-size:5.5rem}.personality-traits{font-size:4rem}.personality-subtitle{font-size:5.5rem}.section-title{font-size:2rem}}@media (max-width:768px){.personality-title{font-size:4rem}.personality-traits{font-size:3rem}.personality-subtitle{font-size:4rem}.section-title{font-size:1.8rem}.personality-details{grid-template-columns:1fr;gap:1.5rem}.detail-card{padding:1.5rem}.detail-card h3{font-size:1.6rem}.detail-card p{font-size:1.2rem}.trait-item{display:block;margin:.5rem 0}}.study-path-page{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:#000000;padding:0 20px;box-sizing:border-box}.study-path-container{width:100%;max-width:1200px;background:transparent}.text-content{overflow:hidden}.content-wrapper{transition:none}.content-wrapper.exit-up{animation:exitUp .4s ease-out forwards}.content-wrapper.exit-down{animation:exitDown .4s ease-out forwards}.content-wrapper.enter-up{animation:enterUp .4s ease-out forwards}.content-wrapper.enter-down{animation:enterDown .4s ease-out forwards}.content-wrapper.fade-in{animation:fadeIn .4s ease-out forwards}@keyframes exitUp{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}@keyframes exitDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(50px);opacity:0}}@keyframes enterUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes enterDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.main-content{font-size:24px;line-height:1.8;color:#ffffff;margin-bottom:30px;font-weight:300;letter-spacing:.5px}.main-subtitle{font-size:16px;color:#888888;font-style:italic}.timeline-year{font-size:48px;font-weight:700;color:#ffffff;margin-bottom:20px}.timeline-school{font-size:24px;color:#cccccc;margin-bottom:30px;font-weight:500}.timeline-description{font-size:18px;line-height:1.8;color:#e0e0e0;font-weight:300}.timeline-section{flex:0 0 400px;background:transparent;display:flex;align-items:center;justify-content:center;position:relative}.timeline-container{position:relative;height:500px;width:100%;max-width:300px}.timeline-line{width:3px;height:100%;background:#666666;border-radius:2px}.timeline-item,.timeline-line{position:absolute;left:50%;transform:translateX(-50%)}.timeline-item{cursor:pointer;transition:all .3s ease;z-index:2}.timeline-item:nth-child(2){top:0}.timeline-item:nth-child(3){top:15%}.timeline-item:nth-child(4){top:30%}.timeline-item:nth-child(5){top:45%}.timeline-item:nth-child(6){top:60%}.timeline-item:nth-child(7){top:75%}.timeline-item:nth-child(8){top:90%}.timeline-dot{width:16px;height:16px;background:#000000;border:3px solid #ffffff;border-radius:50%;position:absolute;left:50%;transform:translateX(-50%);transition:all .3s ease;box-shadow:0 2px 8px rgba(255,255,255,.2)}.timeline-item:hover .timeline-dot{width:20px;height:20px;border-color:#cccccc;box-shadow:0 4px 15px rgba(255,255,255,.3)}.timeline-item:hover .timeline-label{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.timeline-item.selected .timeline-dot{width:20px;height:20px;border-color:#cccccc;box-shadow:0 4px 15px rgba(255,255,255,.3)}.timeline-item.selected .timeline-label{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.timeline-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;display:flex;align-items:center;transition:all .3s ease;opacity:.7;width:180px;justify-content:space-between;margin-left:30px;margin-top:8px}.timeline-year-label{font-size:16px;font-weight:700;color:#ffffff;flex-shrink:0;position:relative}.timeline-school-label{font-size:12px;color:#cccccc;line-height:1.3;text-align:left;margin-left:40px;flex:1 1}.timeline-arrow{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%) rotate(90deg);color:#ffffff}@media (max-width:1024px){.study-path-container{max-width:900px}.text-content{padding:40px}.main-content{font-size:20px}.timeline-section{flex:0 0 300px}}@media (max-width:768px){.study-path-page{padding:10px}.content-section{flex-direction:column;min-height:auto}.text-content{padding:30px}.main-content{font-size:18px;line-height:1.6}.timeline-section{flex:none;height:400px;padding:30px 0}.timeline-container{height:300px;max-width:250px}.timeline-label{margin-left:30px}.timeline-year-label{font-size:14px}.timeline-school-label{font-size:11px}}@media (max-width:480px){.text-content{padding:20px}.main-content{font-size:16px}.timeline-year{font-size:36px}.timeline-school{font-size:20px}.timeline-description{font-size:16px}}.animated-text{opacity:0;transform:translateY(0);transition:none}.animated-text.slide-up{animation:slideUpFadeIn 1.5s ease-out forwards}.animated-text.slide-down{animation:slideDownFadeIn 1.5s ease-out forwards}.animated-text.reset{opacity:0;transform:translateY(0);animation:none}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.learning-page{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;background:#000000;padding:0;box-sizing:border-box}.learning-container{width:100%;max-width:1200px;background:transparent;padding:0 20px;box-sizing:border-box}.content-section{display:flex;min-height:600px;align-items:center}.text-content{flex:1 1;padding:60px;display:flex;flex-direction:column;justify-content:center;background:transparent}.learning-content{font-size:24px;line-height:1.8;color:#ffffff;font-weight:300;letter-spacing:.5px}.learning-page .swiper-section{flex:0 0 500px;height:600px;display:flex;align-items:center;justify-content:center;position:relative;perspective:1000px}.learning-page .swiper-container{width:320px;height:450px;position:relative;overflow:hidden}.learning-page .swiper-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.learning-page .swiper-slide{position:absolute;width:280px;height:400px;border-radius:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.3);transition:all .8s ease-in-out;top:50%;left:50%;transform:translate(-50%,-50%)}.learning-page .slide-content{text-align:center;padding:40px 20px;color:white}.learning-page .slide-content h3{font-size:24px;margin-bottom:15px;font-weight:700}.learning-page .slide-content p{font-size:16px;line-height:1.5;opacity:.9}.learning-page .swiper-slide.animating{transition:all .8s cubic-bezier(.4,0,.2,1)}.learning-page .swiper-slide.clickable-slide{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.learning-page .swiper-slide.clickable-slide:hover{transform:translate(-50%,-50%) scale(1.05) rotateY(0deg)!important;box-shadow:0 15px 40px rgba(0,0,0,.4);z-index:10!important}.learning-page .swiper-slide.clickable-slide:active{transform:translate(-50%,-50%) scale(.98) rotateY(0deg)!important;transition:all .1s ease-in-out}@media (max-width:1024px){.learning-container{max-width:900px}.text-content{padding:40px}.learning-content{font-size:20px}.learning-page .swiper-section{flex:0 0 400px}.learning-page .swiper-container{width:350px;height:450px}.learning-page .swiper-slide{width:250px;height:350px;margin-left:-125px;margin-top:-175px}}@media (max-width:768px){.learning-page{padding:10px}.content-section{flex-direction:column;min-height:auto}.text-content{padding:30px;order:2}.learning-content{font-size:18px;line-height:1.6}.learning-page .swiper-section{flex:none;height:400px;padding:30px 0;order:1}.learning-page .swiper-container{width:300px;height:350px}.learning-page .swiper-slide{width:200px;height:280px;margin-left:-100px;margin-top:-140px}.learning-page .swiper-wrapper{animation-play-state:paused}.learning-page .slide-content{padding:20px 15px}.learning-page .slide-content h3{font-size:18px}.learning-page .slide-content p{font-size:14px}}@media (max-width:480px){.text-content{padding:20px}.learning-content{font-size:16px}.learning-page .swiper-container{width:250px;height:300px}.learning-page .swiper-slide{width:160px;height:220px;margin-left:-80px;margin-top:-110px}}