@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500&family=Roboto:wght@400;600&display=swap";:root{--color-white: #ffffff;--color-primary-title: #a97741;--color-secondary-title: #21261a;--color-body-primary: #858280;--color-subtitle-primary: #615c57;--color-light: #f3efea;--color-footer: #464646;--bg-light: #f8faf2;--bg-dark: #f0efe4;--bg-white: #ffffff;--font-noto: "Noto Sans TC", sans-serif;--font-roboto: "Roboto", sans-serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--text-56: 56px;--text-48: 48px;--text-40: 40px;--text-28: 28px;--text-24: 24px;--text-20: 20px;--text-18: 18px;--text-16: 16px;--text-14: 14px;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 2;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--space-60: 60px;--space-64: 64px;--space-80: 80px;--space-112: 112px;--space-120: 120px;--space-130: 130px;--radius-sm: 4px;--radius-md: 20px;--radius-lg: 100px;--radius-full: 50%;--radius-pill: 500px;--container-max-width: 1280px;--container-padding: 64px;--container-padding-mobile: 32px;--container-padding-small: 20px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: 60s linear;--z-navbar: 1000;--z-hero-content: 2;--z-hero-background: 1;--z-overlay: 2;--z-modal: 1001;--shadow-navbar: 0 2px 20px rgba(0, 0, 0, .1);--backdrop-blur: blur(10px)}@custom-media --mobile (max-width: 768px);@custom-media --tablet (max-width: 1024px);@custom-media --desktop (max-width: 1440px);*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden!important;width:100%!important;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar-horizontal{display:none}body{font-family:var(--font-noto);line-height:var(--line-height-normal);color:var(--color-secondary-title);overflow-x:hidden!important;width:100%!important;position:relative;margin:0;padding:0;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar-horizontal{display:none}#app{overflow-x:hidden!important;width:100%!important;box-sizing:border-box;max-width:100vw;position:relative}a{text-decoration:none;color:inherit}button{border:none;background:none;font:inherit;cursor:pointer}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}.navbar,.hero-section,.cta-section,section{max-width:100%!important}*::-webkit-scrollbar-horizontal{display:none!important}*{scrollbar-width:none!important;-ms-overflow-style:none!important}body>*{max-width:100%!important}.font-noto-light{font-family:var(--font-noto);font-weight:var(--font-weight-light)}.font-noto-regular{font-family:var(--font-noto);font-weight:var(--font-weight-regular)}.font-noto-medium{font-family:var(--font-noto);font-weight:var(--font-weight-medium)}.font-roboto{font-family:var(--font-roboto);font-weight:var(--font-weight-regular)}.font-roboto-semibold{font-family:var(--font-roboto);font-weight:var(--font-weight-semibold)}.text-56{font-size:var(--text-56);line-height:var(--line-height-relaxed)}.text-48{font-size:var(--text-48);line-height:var(--line-height-tight)}.text-40{font-size:var(--text-40);line-height:var(--line-height-tight)}.text-28{font-size:var(--text-28);line-height:1.3}.text-24{font-size:var(--text-24);line-height:var(--line-height-normal)}.text-20{font-size:var(--text-20);line-height:var(--line-height-loose)}.text-18{font-size:var(--text-18);line-height:var(--line-height-normal)}.text-16{font-size:var(--text-16);line-height:var(--line-height-normal)}.text-14{font-size:var(--text-14);line-height:var(--line-height-normal)}.text-white{color:var(--color-white)}.text-primary-title{color:var(--color-primary-title)}.text-secondary-title{color:var(--color-secondary-title)}.text-body-primary{color:var(--color-body-primary)}.text-subtitle-primary{color:var(--color-subtitle-primary)}.text-light{color:var(--color-light)}.text-footer{color:var(--color-footer)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-nowrap{white-space:nowrap}@media (max-width: 1200px){.text-40{font-size:36px}}@media (max-width: 768px){.text-56,.text-48{font-size:32px}.text-40{font-size:28px}}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);width:100%;box-sizing:border-box}.section-padding-large{padding:var(--space-112) 0}.section-padding-medium{padding:var(--space-80) 0}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-4)}.gap-2{gap:var(--space-8)}.gap-3{gap:var(--space-12)}.gap-4{gap:var(--space-16)}.gap-5{gap:var(--space-20)}.gap-6{gap:var(--space-24)}.gap-8{gap:var(--space-32)}.gap-12{gap:var(--space-48)}.gap-20{gap:var(--space-80)}.relative{position:relative}.fixed{position:fixed}.w-full{width:100%}.h-full{height:100%}.w-6{width:var(--space-24)}.h-6{height:var(--space-24)}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.overflow-hidden{overflow:hidden}.rounded{border-radius:var(--radius-sm)}.rounded-lg{border-radius:var(--radius-md)}.rounded-full{border-radius:var(--radius-full)}.grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-rows-2{grid-template-rows:repeat(2,1fr)}.bg-light{background-color:var(--bg-light)}.bg-dark{background-color:var(--bg-dark)}.bg-white{background-color:var(--bg-white)}@media (max-width: 1440px){.container{padding:0 var(--container-padding-mobile)}}@media (max-width: 768px){.container{padding:0 var(--container-padding-small)}}@media (max-width: 768px){.grid-cols-3{grid-template-columns:1fr}.grid-rows-2{grid-template-rows:auto}}@media (max-width: 768px){.section-padding-large{padding:var(--space-80) 0}.section-padding-medium{padding:var(--space-60) 0}}@media (max-width: 768px){.mobile-hidden{display:none}.mobile-text-center{text-align:center}.mobile-flex-col{flex-direction:column}.mobile-gap-4{gap:var(--space-16)}.mobile-gap-6{gap:var(--space-24)}.mobile-gap-8{gap:var(--space-32)}}@media (max-width: 1024px){.tablet-hidden{display:none}.tablet-text-center{text-align:center}.tablet-flex-col{flex-direction:column}}@media (max-width: 1440px){.desktop-hidden{display:none}}@media (min-width: 769px){.mobile-only{display:none}}@media (min-width: 1025px){.tablet-only{display:none}}@media (min-width: 1441px){.desktop-only{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-12) var(--space-24);border-radius:var(--radius-sm);font-family:var(--font-roboto);font-size:var(--text-16);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.btn:hover{opacity:.8}.btn-primary{background-color:#fff3;color:var(--color-white);border-color:var(--color-white)}.btn-secondary{background-color:transparent;color:#283c2d;border-color:#283c2d}.btn-white{background-color:#ffffff29;color:var(--color-white);border-color:var(--color-white)}.btn-primary-scrolled{background-color:var(--color-primary-title);color:var(--color-white);border-color:var(--color-primary-title)}.btn-primary-scrolled:hover{background-color:#8b6235;border-color:#8b6235;opacity:1}.btn-sm{padding:var(--space-8) var(--space-16);font-size:var(--text-14)}.btn-lg{padding:var(--space-16) var(--space-32);font-size:var(--text-18)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{opacity:.5}.btn-icon{gap:var(--space-8)}.btn-icon-only{padding:var(--space-12);width:auto;aspect-ratio:1}.feature-card{display:flex;flex-direction:column;gap:var(--space-24)}.feature-card__icon{width:64px;height:40px}.feature-card__title{font-family:var(--font-noto);font-weight:var(--font-weight-medium);font-size:var(--text-28);color:var(--color-secondary-title);line-height:1.3}.feature-card__description{font-family:var(--font-noto);font-weight:var(--font-weight-regular);font-size:var(--text-18);color:var(--color-body-primary);line-height:var(--line-height-normal)}@media (max-width: 768px){.feature-card__title{font-size:var(--text-24)}}.course-card{background-color:var(--bg-dark);padding:28px 40px;border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-20);min-height:273px;height:auto}.course-card__icon{width:80px;height:60px}.course-card__title{font-family:var(--font-noto);font-weight:var(--font-weight-regular);font-size:var(--text-24);color:var(--color-subtitle-primary);text-align:center;line-height:var(--line-height-normal)}.course-card__description{font-family:var(--font-noto);font-weight:var(--font-weight-regular);font-size:var(--text-18);color:var(--color-body-primary);text-align:center;line-height:var(--line-height-normal)}.testimonial-card{background-color:var(--bg-white);padding:var(--space-60) var(--space-40);border-radius:var(--radius-lg);width:320px;min-height:320px;display:flex;flex-direction:column;gap:10px;flex-shrink:0}.testimonial-card__stars{width:200px;height:32px}.testimonial-card__text{font-family:var(--font-noto);font-weight:var(--font-weight-regular);font-size:var(--text-18);color:var(--color-body-primary);line-height:var(--line-height-normal)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-60);max-width:100%;margin:0;padding:0;width:100%;box-sizing:border-box}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:var(--space-60);max-width:100%;margin:0;padding:0;width:100%;box-sizing:border-box}@media (max-width: 768px){.feature-grid{grid-template-columns:1fr;gap:var(--space-40)}.course-grid{grid-template-columns:1fr;grid-template-rows:auto;gap:30px}.course-card{padding:var(--space-24) var(--space-20);min-height:auto}.testimonial-card{width:280px;min-width:280px;flex-shrink:0}}@media (max-width: 1440px){.testimonial-card{width:280px}}.hero-section{min-height:100vh;width:100%!important;max-width:100vw!important;position:relative;overflow:hidden!important}.hero-background{position:absolute;top:0;left:0;width:100%!important;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;transform:scaleX(-1);z-index:var(--z-hero-background)}.hero-container{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:var(--z-hero-content);display:flex;flex-direction:column;gap:var(--space-48)}.hero-content{color:var(--color-white);font-size:var(--text-56);font-weight:var(--font-weight-light);line-height:var(--line-height-relaxed);text-align:left}.hero-mask-group{position:relative;width:177px;height:302px;left:-20px;z-index:var(--z-hero-content)}.hero-mask-element{position:relative;background-color:var(--color-white);height:100%;width:100%;-webkit-mask-size:361px 361px;mask-size:361px 361px;-webkit-mask-position:-88px -21px;mask-position:-88px -21px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:intersect;mask-composite:intersect}.feature-section{background-color:var(--bg-light);padding:var(--space-112) 0;position:relative}.testimonial-section{background-color:var(--bg-light);padding:var(--space-130) 0;position:relative;width:100%}.testimonial-full-width{width:100%;max-width:none;padding:0 var(--container-padding);box-sizing:border-box}.testimonial-marquee-wrapper{width:100%;position:relative}.testimonial-marquee-container{overflow:hidden;width:100%;position:relative;mask:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%);-webkit-mask:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%)}.testimonial-marquee-track{display:flex;gap:59px;transition:transform var(--transition-slow);align-items:flex-start;width:max-content}.testimonial-fade-left,.testimonial-fade-right{position:absolute;top:0;bottom:0;width:150px;pointer-events:none;z-index:var(--z-overlay)}.testimonial-fade-left{left:0;background:linear-gradient(90deg,var(--bg-light) 0%,transparent 100%)}.testimonial-fade-right{right:0;background:linear-gradient(270deg,var(--bg-light) 0%,transparent 100%)}.cta-section{background-color:var(--bg-light);padding:var(--space-112) 0;position:relative;min-height:650px;display:flex;align-items:center;justify-content:center;overflow:hidden}.cta-content{position:absolute;left:50%;top:50%;transform:translate(80px,-50%);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-48);max-width:400px;z-index:var(--z-overlay)}.cta-image{position:absolute;left:50%;top:50%;transform:translate(calc(-100% - 80px),-50%);width:350px;height:520px;background-size:cover;background-position:center;border-radius:var(--radius-pill) var(--radius-pill) var(--radius-md) var(--radius-md);border:20px solid var(--bg-dark);z-index:var(--z-hero-background)}.footer{background-color:var(--bg-light);padding:var(--space-60) 0}.footer-content{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding);display:flex;flex-direction:column;gap:var(--space-48);width:100%;box-sizing:border-box}.footer-main{display:flex;justify-content:space-between;position:relative;min-height:261px}.footer-info{display:flex;flex-direction:column;gap:var(--space-4)}.footer-links{position:absolute;right:0;top:0;display:flex;flex-direction:column;gap:var(--space-16)}.footer-links a{text-decoration:none}.social-links{display:flex;gap:var(--space-12)}.social-icon{width:40px;height:40px}.footer-bottom{display:flex;flex-direction:column;gap:var(--space-20)}.footer-divider{height:1px;background-color:#e0e0e0;width:100%}.footer-credits{display:flex;justify-content:space-between;align-items:center}.footer-legal{display:flex;gap:var(--space-24)}.footer-legal a{color:var(--color-footer);text-decoration:none;font-size:var(--text-14)}@media (max-width: 768px){.footer-main{flex-direction:column;height:auto;gap:var(--space-32)}.footer-info{width:100%}.footer-links{position:relative;right:auto;top:auto;order:2;display:flex;flex-direction:column;gap:var(--space-16)}.social-links{position:relative;bottom:auto;left:auto;order:3;margin-top:var(--space-24)}}@media (max-width: 1440px){.testimonial-full-width{padding:0 var(--container-padding-mobile)}.testimonial-fade-left,.testimonial-fade-right{width:100px}.cta-content{transform:translate(60px,-50%);max-width:380px}.cta-image{transform:translate(calc(-100% - 60px),-50%);width:320px;height:480px}}@media (max-width: 1200px){.cta-content{transform:translate(40px,-50%);max-width:360px}.cta-content h2{font-size:36px;line-height:1.4}.cta-image{transform:translate(calc(-100% - 40px),-50%);width:300px;height:450px}}@media (max-width: 1024px){.cta-section{padding:var(--space-80) 0}.cta-content{position:relative;right:auto;top:auto;transform:none;max-width:none;text-align:center;margin:0 auto;padding:0 var(--container-padding-mobile)}.cta-image{position:relative;left:auto;top:auto;transform:none;width:min(300px,80vw);height:400px;margin:0 auto 40px}}@media (max-width: 768px){.hero-content{font-size:32px;left:var(--container-padding-mobile);transform:none;text-align:left}.testimonial-full-width{padding:0 var(--container-padding-small)}.testimonial-marquee-track{gap:30px}.testimonial-fade-left,.testimonial-fade-right{width:50px}.cta-section{padding:var(--space-60) 0;min-height:auto;flex-direction:column}.cta-content{position:relative;left:auto;top:auto;transform:none;max-width:100%;text-align:center;margin:0 auto;padding:0 var(--container-padding-small);order:2;display:flex;flex-direction:column;align-items:center}.cta-content h2{font-size:24px;line-height:1.5;margin-bottom:var(--space-32)}.cta-content .btn{align-self:center}.cta-image{position:relative;left:auto;top:auto;transform:none;width:min(280px,80vw);height:350px;margin:0 auto var(--space-32);order:1}}.navbar{position:fixed;top:0;left:0;width:100%;height:100px;z-index:var(--z-navbar);transition:all var(--transition-normal);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);overflow:visible}.navbar-scrolled,.navbar-mobile-open{background-color:#fffffff2;box-shadow:var(--shadow-navbar)}.navbar-content{position:absolute;right:22px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:var(--space-32);max-width:calc(100% - 120px);overflow:hidden;flex-wrap:nowrap}.navbar-logo-link{position:absolute;left:42px;top:50%;transform:translateY(-50%);width:55px;height:55px;z-index:20;text-decoration:none;cursor:pointer}.navbar-logo{width:100%;height:100%;background-size:cover;background-position:center}.nav-link{display:flex;align-items:center;gap:var(--space-4);color:var(--color-white);text-decoration:none;font-size:var(--text-16);font-weight:var(--font-weight-regular);transition:color var(--transition-normal)}.nav-link.router-link-active{font-weight:var(--font-weight-medium)}.navbar-scrolled .nav-link,.navbar-mobile-open .nav-link{color:var(--color-secondary-title)}.navbar-scrolled .nav-link.router-link-active,.navbar-mobile-open .nav-link.router-link-active{color:var(--color-primary-title)}.navbar-light{background-color:transparent}.navbar-light.navbar-scrolled{background-color:#fffffff2;box-shadow:var(--shadow-navbar)}.navbar-light .nav-link{color:var(--color-secondary-title)}.navbar-light .nav-link.router-link-active{color:var(--color-primary-title);font-weight:var(--font-weight-medium)}.navbar-light.navbar-scrolled .nav-link{color:var(--color-secondary-title)}.navbar-light.navbar-scrolled .nav-link.router-link-active{color:var(--color-primary-title)}.navbar-light .btn,.navbar-light.navbar-scrolled .btn{background-color:var(--color-primary-title);color:var(--color-white);border-color:var(--color-white)}.test-block-section{background-color:var(--bg-light);height:762px;position:relative;overflow:hidden}.test-block-background{position:absolute;background-size:auto,cover;background-position:0% 0%,50% 50%;height:650px;width:100%;left:0;top:50%;transform:translateY(-50%)}.test-block-content{position:absolute;left:50%;top:152px;transform:translate(-50%);text-align:center}.test-block-title{font-family:var(--font-noto);font-weight:var(--font-weight-light);font-size:var(--text-40);color:var(--color-white);line-height:var(--line-height-relaxed);margin-bottom:var(--space-48)}.test-block-description{font-family:var(--font-noto);font-weight:var(--font-weight-regular);font-size:var(--text-20);color:var(--color-light);width:681px;line-height:var(--line-height-loose);margin:0 auto}.test-block-button{margin-top:var(--space-48)}@media (max-width: 768px){.test-block-section{height:auto;min-height:500px;padding:var(--space-60) 0}.test-block-background{height:100%;position:relative;transform:none;top:0}.test-block-content{position:relative;left:auto;top:auto;transform:none;padding:0 var(--container-padding-small);max-width:100%}.test-block-title{font-size:20px;margin-bottom:var(--space-32);line-height:1.4}.test-block-description{width:100%;max-width:100%;font-size:var(--text-16);line-height:var(--line-height-relaxed);margin:0}.test-block-button{margin-top:var(--space-32)}}.mobile-menu-button{display:none;flex-direction:column;justify-content:space-around;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:10002;position:fixed;right:20px;top:30px}.hamburger-line{width:100%;height:3px;background-color:var(--color-white);border-radius:2px;transition:all var(--transition-normal);transform-origin:center}.navbar-scrolled .hamburger-line,.navbar-mobile-open .hamburger-line,.navbar-light .hamburger-line{background-color:var(--color-secondary-title)}.mobile-menu-button.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-button.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-button.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu{position:fixed;top:100px;left:0;right:0;background-color:#fffffffa;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);display:none;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-16);padding:var(--space-24) var(--container-padding-small) var(--space-32);box-shadow:var(--shadow-navbar);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:9999;max-height:calc(100vh - 120px);overflow-y:auto;min-height:auto}.mobile-menu.mobile-menu-open{display:flex;transform:translateY(0);opacity:1;visibility:visible}.mobile-menu .nav-link{color:var(--color-secondary-title);font-size:var(--text-18);padding:var(--space-16) var(--space-20);width:100%;max-width:250px;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:var(--space-8);border-radius:var(--radius-sm);transition:background-color var(--transition-fast);min-height:48px}.mobile-menu .nav-link.router-link-active{color:var(--color-primary-title);font-weight:var(--font-weight-medium);background-color:#0000000d}.mobile-menu .nav-link:hover{background-color:#0000000d}.mobile-menu .nav-link img{width:16px;height:16px;flex-shrink:0}.mobile-menu .btn{width:100%;max-width:250px;padding:var(--space-16) var(--space-32);margin:var(--space-8) 0 0 0;display:flex!important;align-items:center;justify-content:center;text-align:center;font-size:var(--text-18);font-weight:var(--font-weight-medium);visibility:visible!important;opacity:1!important;background-color:var(--color-primary-title)!important;color:var(--color-white)!important;border-color:var(--color-primary-title)!important}.mobile-menu .btn:hover{background-color:#8b6235!important;border-color:#8b6235!important;opacity:1!important}.desktop-only{display:flex}@media (max-width: 768px){.mobile-menu-button{display:flex}.desktop-only,.mobile-menu{display:none}.mobile-menu.mobile-menu-open{display:flex}}.text-36{font-size:36px;line-height:var(--line-height-normal)}.absolute{position:absolute}