*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #FF8C42;--primary-dark: #E67A2F;--primary-light: #FFB380;--secondary-color: #4CAF50;--secondary-dark: #45A049;--secondary-light: #81C784;--line-green: #06C755;--line-green-dark: #05B34A;--bg-light: #FFF8F3;--bg-white: #FFFFFF;--text-dark: #333333;--text-gray: #666666;--text-light: #999999;--border-color: #E0E0E0;--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 4px 16px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.12);--font-size-base: 18px;--font-size-lg: 20px;--font-size-xl: 24px;--font-size-2xl: 32px;--font-size-3xl: 42px}body{font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-size-base);line-height:1.8;color:var(--text-dark);background-color:var(--bg-white);overflow-x:hidden}#app{max-width:none;margin:0;padding:0;text-align:left}a{color:inherit;text-decoration:none;font-weight:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}#hero{padding:0;text-align:center;position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-background{position:absolute;inset:0;z-index:0}.hero-image{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#ff8c42d9,#ffb380bf)}.hero-content{position:relative;z-index:1;padding:80px 20px}.hero-title{font-size:var(--font-size-3xl);font-weight:900;color:var(--bg-white);margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.hero-subtitle{font-size:var(--font-size-xl);color:#fffffff2;margin-bottom:40px;line-height:1.8}.hero-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:18px 40px;font-size:var(--font-size-lg);font-weight:700;text-decoration:none;border-radius:50px;transition:.3s;cursor:pointer;border:none}.btn-primary{background:var(--bg-white);color:var(--primary-color);box-shadow:var(--shadow-md);min-width:200px}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.btn-line{background:var(--line-green);color:var(--bg-white);box-shadow:var(--shadow-md);min-width:200px;gap:8px}.btn-line:hover{background:var(--line-green-dark);transform:translateY(-3px);box-shadow:var(--shadow-lg)}#course-photos{padding:60px 0;background:var(--bg-white)}.photo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.photo-item{border-radius:20px;overflow:hidden;position:relative;box-shadow:var(--shadow-md);transition:.3s;aspect-ratio:4/3}.photo-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.photo-item img{width:100%;height:100%;object-fit:cover}.photo-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000b3);color:var(--bg-white);padding:30px 20px 20px;font-size:var(--font-size-lg);font-weight:700;text-align:center}#courses{padding:80px 0;background:var(--bg-light)}.section-title{text-align:center;font-size:var(--font-size-2xl);font-weight:900;color:var(--text-dark);margin-bottom:15px}.section-subtitle{text-align:center;font-size:var(--font-size-lg);color:var(--text-gray);margin-bottom:50px}.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.course-card{background:var(--bg-white);border-radius:20px;padding:35px 25px;text-align:center;box-shadow:var(--shadow-sm);transition:.3s;border:2px solid transparent}.course-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.course-icon{font-size:64px;margin-bottom:20px;display:inline-block;animation:bounce 2s ease infinite}.course-card:nth-child(1) .course-icon{animation-delay:0s}.course-card:nth-child(2) .course-icon{animation-delay:.2s}.course-card:nth-child(3) .course-icon{animation-delay:.4s}.course-card:nth-child(4) .course-icon{animation-delay:.6s}.course-card:nth-child(5) .course-icon{animation-delay:.8s}.course-card:nth-child(6) .course-icon{animation-delay:1s}.course-card:nth-child(7) .course-icon{animation-delay:1.2s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.course-title{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-color);margin-bottom:15px}.course-description{font-size:var(--font-size-base);color:var(--text-gray);line-height:1.8}#features{padding:80px 0;position:relative;overflow:hidden}.features-background{position:absolute;inset:0;z-index:0}.features-bg-image{width:100%;height:100%;object-fit:cover}.features-overlay{position:absolute;inset:0;background:#fff8f3eb}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;position:relative;z-index:1}.feature-item{background:var(--bg-white);border-radius:20px;padding:40px 25px;text-align:center;box-shadow:var(--shadow-sm);transition:.3s}.feature-item:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.feature-icon{font-size:56px;margin-bottom:20px;display:inline-block}.feature-title{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-color);margin-bottom:15px}.feature-description{font-size:var(--font-size-base);color:var(--text-gray);line-height:1.8}#testimonials{padding:80px 0;background:var(--bg-light)}.testimonial-image-container{background:var(--bg-white);border-radius:20px;padding:20px;box-shadow:var(--shadow-sm);margin-bottom:50px;overflow:hidden}.testimonial-image-container img{width:100%;border-radius:12px}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.testimonial-card{background:var(--bg-white);border-radius:20px;padding:35px 25px;box-shadow:var(--shadow-sm);transition:.3s;border-top:4px solid var(--primary-color)}.testimonial-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.testimonial-content{margin-bottom:25px}.testimonial-quote-mark{font-size:48px;color:var(--primary-light);line-height:1;font-weight:900}.testimonial-text{font-size:var(--font-size-base);color:var(--text-gray);line-height:1.8;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:15px}.author-avatar{font-size:48px}.author-info{display:flex;flex-direction:column}.author-name{font-size:var(--font-size-base);font-weight:700;color:var(--text-dark)}.author-course{font-size:14px;color:var(--text-light)}#contact{padding:80px 0}.contact-content{text-align:center}.line-box-main{background:linear-gradient(135deg,#06c755,#05b34a);border-radius:30px;padding:60px 50px;text-align:center;box-shadow:var(--shadow-lg);color:var(--bg-white);width:100%;max-width:700px;margin:40px auto 0}.line-title-main{font-size:var(--font-size-2xl);font-weight:900;margin-bottom:20px;color:var(--bg-white)}.line-description-main{font-size:var(--font-size-lg);margin-bottom:40px;line-height:1.8;color:#fffffff2}.btn-line-extra-large{background-color:var(--bg-white);color:var(--line-green);padding:25px 50px;font-size:var(--font-size-xl);font-weight:900;text-decoration:none;border-radius:60px;display:inline-flex;align-items:center;justify-content:center;gap:15px;transition:.3s;box-shadow:var(--shadow-lg);margin-bottom:40px;min-width:350px}.btn-line-extra-large:hover{transform:scale(1.08);box-shadow:0 12px 40px #0003}.line-divider{border:none;border-top:1px solid rgba(255,255,255,.3);margin:30px 0}.service-hours{font-size:var(--font-size-lg);color:#fffffff2;display:flex;align-items:center;justify-content:center;gap:10px}.service-hours strong{font-size:var(--font-size-xl);font-weight:900}#footer{background:linear-gradient(135deg,#2c3e50,#34495e);color:var(--bg-white);padding:40px 0 30px;text-align:center}.footer-brand{font-size:var(--font-size-xl);font-weight:700;margin-bottom:10px}.footer-tagline{font-size:var(--font-size-base);color:#ffffffb3;margin-bottom:30px}.footer-divider{border:none;border-top:1px solid rgba(255,255,255,.1);margin-bottom:20px}.footer-copyright{font-size:14px;color:#ffffff80}.scroll-top-btn{position:fixed;bottom:30px;right:30px;width:55px;height:55px;background:var(--primary-color);color:var(--bg-white);border:none;border-radius:50%;font-size:28px;cursor:pointer;box-shadow:var(--shadow-md);transition:.3s;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden}.scroll-top-btn.visible{opacity:1;visibility:visible}.scroll-top-btn:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:var(--shadow-lg)}@media(max-width:768px){.hero-title{font-size:28px}.hero-subtitle{font-size:16px}.hero-buttons{flex-direction:column;align-items:center}.photo-gallery,.course-grid{grid-template-columns:1fr}.features-grid{grid-template-columns:1fr 1fr}.testimonials-grid{grid-template-columns:1fr}.line-box-main{padding:40px 25px}.btn-line-extra-large{min-width:auto;padding:20px 35px;font-size:var(--font-size-lg)}}@media(max-width:480px){.features-grid{grid-template-columns:1fr}}