:root{--primary-pink: #F5B5B5;--primary-pink-light: #FDE8E8;--primary-pink-dark: #E8A0A0;--bg-cream: #FAF5F0;--bg-white: #FFFFFF;--accent-teal: #8FBCB5;--accent-teal-light: #B5D5D0;--title-gold: #D4956A;--title-gold-light: #E8B58A;--dark-brown: #DEC6CB;--dark-brown-light: #8A7A7A;--text-dark: #4A3A3A;--text-light: #FFFFFF;--text-muted: #7A6A6A;--shadow-soft: 0 4px 20px rgba(245, 181, 181, .3);--shadow-medium: 0 8px 30px rgba(222, 198, 203, .2);--transition-smooth: all .3s ease;--transition-slow: all .5s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Noto Sans TC,Segoe UI,sans-serif;color:var(--text-dark);line-height:1.8;overflow-x:hidden;min-height:100vh;position:relative;background:linear-gradient(135deg,#f5b5b5,#fde8e8,#b5d5d0,#8fbcb5,#e8b58a,#d4956a,#f5b5b5 90%,#faf5f0);background-size:400% 400%;animation:aurora 15s ease infinite}body:before{content:"";position:fixed;inset:0;background-image:url(/assets/cloud-bg-CPTrVZm0.png);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.5;pointer-events:none;z-index:0}body>*{position:relative;z-index:1}@keyframes aurora{0%{background-position:0% 50%}25%{background-position:50% 100%}50%{background-position:100% 50%}75%{background-position:50% 0%}to{background-position:0% 50%}}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;padding:1rem 2rem}.navbar-container{max-width:1200px;margin:0 auto;display:flex;justify-content:flex-end;gap:1rem;flex-wrap:wrap}.nav-button{background:linear-gradient(135deg,var(--primary-pink-light),var(--primary-pink));border:none;padding:.75rem 1.5rem;border-radius:30px;font-size:.95rem;font-weight:500;color:var(--text-dark);cursor:pointer;transition:var(--transition-smooth);box-shadow:0 2px 10px #f5b5b566;position:relative;overflow:hidden}.nav-button: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}.nav-button:hover:before{left:100%}.nav-button:hover{transform:translateY(-3px);box-shadow:0 6px 20px #f5b5b580;background:linear-gradient(135deg,var(--primary-pink),var(--title-gold-light))}.nav-button.active{background:linear-gradient(135deg,var(--title-gold),var(--title-gold-light));color:var(--text-light)}.main-content{padding-top:100px}.section{min-height:100vh;padding:80px 2rem;display:flex;align-items:center;justify-content:center;position:relative}.section-content{max-width:900px;width:100%;text-align:center}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:2rem;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60%;height:4px;background:linear-gradient(90deg,var(--primary-pink),var(--title-gold));border-radius:2px}.section-text{font-size:1.1rem;color:var(--text-muted);line-height:2;margin-bottom:1.5rem}.section--cream{background:transparent}.section--pink{background:linear-gradient(180deg,#fde8e899,#f5b5b599);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.section--pink .section-title{background:linear-gradient(135deg,#4a7c7e,#2d5a5c,#1a3a3c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section--teal{background:linear-gradient(180deg,#a8d8ea99,#87ceeb99);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.section--teal .section-title{background:linear-gradient(135deg,#e88b7d,#d4654a,#c44536);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section--teal .section-text{color:var(--bg-cream)}.section--dark{background:linear-gradient(180deg,#d4b8e0b3,#ba9cccb3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.section--dark .section-title{background:linear-gradient(135deg,#d4956a,#c4854a,#b47530);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section--dark .section-text{color:var(--bg-cream)}.section--gradient{background:linear-gradient(135deg,#faf5f080,#fde8e880,#b5d5d080);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.section--cream .section-title{background:linear-gradient(135deg,#d4956a,#c4854a,#8fbcb5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section--experience-bg{position:relative;overflow:hidden}.section--experience-bg:before{content:"";position:absolute;inset:0;background-image:url(/experience-full-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.5;pointer-events:none;z-index:0}.section--experience-bg:after{content:"";position:absolute;bottom:0;right:0;width:350px;height:350px;background-image:url(/experience-bg.png);background-size:contain;background-position:right bottom;background-repeat:no-repeat;opacity:.9;pointer-events:none;z-index:1}.section--experience-bg .section-content{position:relative;z-index:2}.wave-divider{position:absolute;bottom:-2px;left:0;width:100%;overflow:hidden;line-height:0}.wave-divider svg{position:relative;display:block;width:calc(100% + 1.3px);height:80px}.wave-divider--top{top:-2px;bottom:auto;transform:rotate(180deg)}.card{background:var(--bg-white);border-radius:20px;padding:2rem;box-shadow:var(--shadow-medium);transition:var(--transition-smooth);margin-bottom:1.5rem}.card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #dec6cb40}.card-title{font-size:1.3rem;color:#5d3a1a;margin-bottom:1rem;font-weight:600}.card-text{color:var(--text-muted);line-height:1.8}.timeline{position:relative;max-width:800px;margin:0 auto}.timeline:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:4px;height:100%;background:linear-gradient(180deg,var(--primary-pink),var(--title-gold),var(--accent-teal));border-radius:2px}.timeline-item{position:relative;margin-bottom:3rem;width:45%}.timeline-item:nth-child(odd){margin-left:5%;text-align:right}.timeline-item:nth-child(2n){margin-left:50%;text-align:left}.timeline-item:before{content:"";position:absolute;width:20px;height:20px;background:var(--title-gold);border:4px solid var(--bg-white);border-radius:50%;top:0}.timeline-item:nth-child(odd):before{right:-35px}.timeline-item:nth-child(2n):before{left:-35px}.timeline-content{background:var(--bg-white);padding:1.5rem;border-radius:15px;box-shadow:var(--shadow-soft)}.timeline-date{font-size:.9rem;color:#a06a44;font-weight:600;margin-bottom:.5rem}.timeline-title{font-size:1.2rem;color:var(--dark-brown);margin-bottom:.5rem}.timeline-text{color:var(--text-muted);font-size:.95rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem}.feature-item{background:#ffffffe6;border-radius:16px;padding:2rem;text-align:center;transition:var(--transition-smooth);border:2px solid transparent}.feature-item:hover{border-color:var(--primary-pink);transform:scale(1.02)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-title{font-size:1.2rem;color:var(--title-gold);margin-bottom:.75rem}.feature-text{color:var(--text-muted);font-size:.95rem}.plan-card{background:linear-gradient(135deg,var(--bg-white),var(--primary-pink-light));border-radius:20px;padding:2rem;margin-bottom:1.5rem;border-left:5px solid var(--title-gold);transition:var(--transition-smooth)}.plan-card:hover{transform:translate(10px);box-shadow:var(--shadow-medium)}.plan-month{display:inline-block;background:var(--title-gold);color:var(--text-light);padding:.3rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:1rem}.plan-title{font-size:1.3rem;color:var(--dark-brown);margin-bottom:.75rem}.plan-text{color:var(--text-muted)}.cloud{position:absolute;background:#fffc;border-radius:50%;filter:blur(2px);animation:float 6s ease-in-out infinite}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.avatar{width:150px;height:150px;border-radius:50%;border:5px solid var(--primary-pink);box-shadow:var(--shadow-medium);margin-bottom:2rem;object-fit:cover}.avatar-container{position:relative;display:inline-block}.avatar-container:before{content:"";position:absolute;inset:-10px;border-radius:50%;background:linear-gradient(45deg,var(--primary-pink),var(--accent-teal),var(--title-gold));z-index:-1;animation:rotate 4s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.about-hero{display:flex;align-items:center;justify-content:center;gap:3rem;margin-bottom:2rem}.about-hero .avatar-container{flex-shrink:0}.about-hero .about-text{text-align:left;max-width:500px}.about-hero .section-title{text-align:left}.about-hero .section-title:after{left:0;transform:none}.avatar-large{width:250px;height:250px}.avatar-large+.avatar-container:before{inset:-15px}.avatar-hover-effect{position:relative;cursor:pointer}.avatar-hover-effect .avatar{transition:all .4s ease}.avatar-icon-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:transparent;border-radius:50%;opacity:0;transform:scale(.8);transition:all .4s ease}.avatar-icon{width:60%;height:60%;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.2));transform:scale(.5) rotate(-20deg);transition:all .4s ease}.avatar-hover-effect:hover .avatar{filter:blur(3px);transform:scale(1.02)}.avatar-hover-effect:hover .avatar-icon-overlay{opacity:1;transform:scale(1)}.avatar-hover-effect:hover .avatar-icon{transform:scale(1) rotate(0)}@media(max-width:768px){.about-hero{flex-direction:column;text-align:center}.about-hero .about-text,.about-hero .section-title{text-align:center}.about-hero .section-title:after{left:50%;transform:translate(-50%)}.avatar-large{width:200px;height:200px}}@media(max-width:768px){.navbar-container{gap:.5rem}.nav-button{padding:.5rem 1rem;font-size:.85rem}.section-title{font-size:2rem}.timeline:before{left:20px}.timeline-item{width:calc(100% - 50px);margin-left:50px!important;text-align:left!important}.timeline-item:before{left:-40px!important;right:auto!important}.feature-grid{grid-template-columns:1fr}}@media(max-width:480px){.section{padding:60px 1rem}.section-title{font-size:1.6rem}.nav-button{padding:.4rem .8rem;font-size:.75rem}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.fly-in-left{opacity:0;transform:translate(-60px);transition:opacity .7s ease,transform .7s ease}.fly-in-left.visible{opacity:1;transform:translate(0)}.fly-in-right{opacity:0;transform:translate(60px);transition:opacity .7s ease,transform .7s ease}.fly-in-right.visible{opacity:1;transform:translate(0)}.zoom-in{opacity:0;transform:scale(.8);transition:opacity .6s ease,transform .6s ease}.zoom-in.visible{opacity:1;transform:scale(1)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}.section-content{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.section.in-view .section-content{opacity:1;transform:translateY(0)}.feature-item,.card{opacity:0;transform:translateY(30px) scale(.95);transition:opacity .5s ease,transform .5s ease}.section.in-view .feature-item,.section.in-view .card{opacity:1;transform:translateY(0) scale(1)}.section.in-view .feature-item:nth-child(1),.section.in-view .card:nth-child(1){transition-delay:.1s}.section.in-view .feature-item:nth-child(2),.section.in-view .card:nth-child(2){transition-delay:.2s}.section.in-view .feature-item:nth-child(3),.section.in-view .card:nth-child(3){transition-delay:.3s}.section.in-view .feature-item:nth-child(4),.section.in-view .card:nth-child(4){transition-delay:.4s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes slideInAndFloat{0%{opacity:0;transform:translate(-30px)}30%{opacity:1;transform:translate(0)}50%{opacity:1;transform:translateY(-6px)}70%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.navbar-scrolled{background:linear-gradient(135deg,#fde8e899,#e8b4b899,#d4b8e099);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 4px 30px #0000001a;border-bottom:1px solid rgba(255,255,255,.3);transition:all .3s ease}.navbar-desktop{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.navbar-mobile{display:none;width:100%;justify-content:space-between;align-items:center}.navbar-logo{font-size:1.3rem;font-weight:700;color:#5d3a1a;letter-spacing:.05em}.hamburger-btn{background:linear-gradient(135deg,var(--primary-pink-light),var(--primary-pink));border:none;width:44px;height:44px;border-radius:50%;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #f5b5b566;transition:var(--transition-smooth);color:var(--text-dark)}.hamburger-btn:hover{transform:scale(1.05)}.mobile-menu{position:fixed;top:70px;left:0;right:0;z-index:999;background:#fde8e8f2;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);display:flex;flex-direction:column;padding:1rem;gap:.5rem;border-bottom:1px solid rgba(245,181,181,.3);box-shadow:0 8px 30px #0000001a}.mobile-menu-item{background:transparent;border:none;padding:1rem 1.5rem;font-size:1rem;font-weight:500;color:var(--text-dark);cursor:pointer;border-radius:12px;text-align:left;transition:var(--transition-smooth)}.mobile-menu-item:hover,.mobile-menu-item.active{background:linear-gradient(135deg,var(--primary-pink-light),var(--primary-pink));color:#5d3a1a}@media(max-width:768px){.navbar-desktop{display:none}.navbar-mobile{display:flex}}@media(min-width:769px){.mobile-menu{display:none}}img{max-width:100%;height:auto}@media screen and (max-width:768px){.navbar{padding:.5rem 1rem;flex-wrap:wrap}.nav-buttons{gap:.3rem;flex-wrap:wrap;justify-content:center}.nav-button{padding:.4rem .6rem;font-size:.7rem}.section{padding:3rem 1rem}.section-content{padding:0 .5rem}.section-title{font-size:1.5rem;margin-bottom:1rem}.section-text{font-size:.9rem;line-height:1.6}.about-hero{flex-direction:column;text-align:center;gap:1.5rem}.avatar-large{width:150px;height:150px}.feature-grid{flex-direction:column;gap:1rem}.feature-item{padding:1rem}.experience-container{flex-direction:column!important;gap:2rem!important}.experience-column{width:100%!important}.card{padding:1rem;margin-bottom:1rem}.card-title{font-size:1.1rem}.future-grid{flex-direction:column!important;align-items:center}.future-grid .card{flex:none!important;width:100%!important;max-width:320px}.future-grid .card img{width:100px!important;height:100px!important}.about-floating-icons{display:none!important}.plans-tabs{flex-direction:column;gap:.5rem}.plans-content{min-height:auto;padding:1rem}.plans-tabs-scroll{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap!important;padding-bottom:4px}.plans-tabs-scroll::-webkit-scrollbar{display:none}.plans-content-bg-icon{width:100px!important;height:100px!important}}@media screen and (max-width:480px){.navbar{padding:.4rem .5rem}.nav-button{padding:.3rem .5rem;font-size:.65rem}.section{padding:2rem .5rem}.section-title{font-size:1.3rem}.avatar-large{width:120px;height:120px}.future-grid .card{flex:1 1 100%!important}.timeline-item{padding-left:1rem}}