*{margin:0;padding:0;box-sizing:border-box}:root{--primary-blue: #33ccff;--light-blue: #87e3ff;--dark-gray: #4a4a4a;--medium-gray: #6b6b6b;--light-gray: #f5f5f5;--white: #ffffff;--accent-pink: #ff69b4;--red-highlight: #ff0000}html{scroll-behavior:smooth}body{font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:var(--dark-gray);background-color:var(--white)}.container{max-width:1200px;margin:0 auto;padding:0 24px}header{position:fixed;top:0;left:0;right:0;background:var(--white);box-shadow:0 2px 8px #0000001a;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.logo{height:48px;width:auto;display:block}.nav-menu{display:flex;list-style:none;gap:32px}.nav-menu a{text-decoration:none;color:var(--dark-gray);font-weight:500;transition:color .3s ease}.nav-menu a:hover{color:var(--primary-blue)}.nav-cta{background:var(--primary-blue);color:var(--white)!important;padding:8px 20px;border-radius:50px;font-weight:600;transition:all .3s ease}.nav-cta:hover{background:var(--light-blue);transform:translateY(-2px)}.nav-toggle{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:8px}.nav-toggle span{width:24px;height:3px;background:var(--dark-gray);margin:3px 0;transition:.3s}main{margin-top:72px}.section{padding:80px 0}h1{font-size:48px;line-height:1.2;margin-bottom:16px}.hero h1{color:var(--white);text-shadow:2px 2px 4px rgba(0,0,0,.5)}h2{font-size:36px;font-weight:700;line-height:1.3;text-align:center;margin-bottom:30px;color:var(--dark-gray)}h3{font-size:24px;font-weight:700;margin-bottom:16px}h4{font-size:20px;font-weight:600;margin-bottom:16px;color:var(--dark-gray)}.hero{min-height:65vh;display:flex;align-items:flex-end;justify-content:center;position:relative;overflow:hidden;padding:60px 24px 40px}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hero video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.hero-decoration{position:absolute;width:600px;height:600px;background:radial-gradient(circle,var(--light-blue) 0%,transparent 70%);opacity:.3;border-radius:50%;top:-200px;right:-200px;pointer-events:none}.hero-content{max-width:800px;text-align:center;z-index:2;position:relative;margin-top:150px}.hero-subtitle{font-size:24px;color:var(--white);margin-bottom:24px;text-shadow:2px 2px 1px rgba(0,0,0,.5)}.hero-highlight{font-size:28px;font-weight:700;color:var(--white);margin-bottom:32px;line-height:1.5;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.cta-button{display:inline-block;background:var(--primary-blue);color:var(--white);padding:16px 48px;border-radius:50px;text-decoration:none;font-size:20px;font-weight:700;transition:all .3s ease;box-shadow:0 4px 16px #33ccff4d}.cta-button:hover{background:var(--light-blue);transform:translateY(-2px);box-shadow:0 6px 20px #3cf6}.speech-bubble{position:absolute;top:30%;left:40%;transform:translate(-50%,-50%);border:none;cursor:none;z-index:10;background-image:url(/talkingbubble.png);background-size:contain;background-repeat:no-repeat;background-position:center;background-color:transparent;box-shadow:none;display:inline-block;color:var(--white);padding:16px 48px;border-radius:none;text-decoration:none;font-size:20px;font-weight:700;transition:all .3s ease}.product-number{margin-top:24px;font-size:14px;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.product-number a{color:var(--primary-blue);text-decoration:underline;font-weight:600;transition:color .3s ease}.product-number a:hover{color:var(--light-blue)}.pricing-info{margin-top:16px;font-size:20px;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.hero .pricing-info{text-shadow:1px 1px 2px rgba(0,0,0,.7)}.hero-product-number{background:#fffffff2;text-shadow:none!important;padding:5px 15px;border-radius:25px;display:inline-flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0000001a;margin-bottom:20px}.hero-product-number svg{width:18px;height:18px;color:var(--primary-blue)}.hero-product-number a{color:var(--primary-blue)!important;text-shadow:none!important;text-decoration-line:none}.about .pricing-info{text-shadow:none;text-align:center;margin-bottom:24px}.pricing-info a{color:var(--primary-blue);text-decoration:underline;font-weight:600;transition:color .3s ease}.pricing-info a:hover{color:var(--light-blue)}.challenge{background:var(--white)}.challenge-image-wrapper{text-align:center;margin:32px 0 48px}.challenge-image{max-width:800px;width:100%;height:auto;border-radius:16px;box-shadow:0 8px 32px #0000001f}.challenge-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.challenge-card{background:var(--light-gray);padding:32px;border-radius:16px;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.challenge-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.challenge-icon{width:64px;height:64px;margin:0 auto 24px;color:var(--primary-blue)}.challenge-icon svg{width:100%;height:100%}.challenge-card h3{color:var(--primary-blue);margin-bottom:16px}.solution{background:linear-gradient(135deg,#f0faff,#fff)}.solution h2 .subtitle{display:block;font-size:24px;color:var(--primary-blue);margin-top:8px}.solution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:48px}.solution-grid-center{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:48px;max-width:800px;margin-left:auto;margin-right:auto;justify-content:center}.solution-card{background:var(--white);padding:40px 32px;border-radius:16px;text-align:left;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 16px #00000014}.solution-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #3cf3}.solution-card h3{text-align:center}.icon-wrapper{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--light-blue) 100%);border-radius:50%;color:var(--white)}.icon-wrapper svg{width:40px;height:40px}.stats-highlight{text-align:center;font-size:20px;font-weight:600;color:var(--primary-blue);margin-bottom:25px}.cta-center{text-align:center;margin-top:40px}.cta-button-secondary{display:inline-block;background:var(--primary-blue);color:var(--white);padding:18px 48px;border-radius:50px;text-decoration:none;font-weight:600;font-size:20px;transition:all .3s ease}.cta-button-secondary:hover{background:var(--light-blue);transform:translateY(-2px);box-shadow:0 8px 24px #33ccff4d}.awards{background:linear-gradient(135deg,#fff8e7,#fff);position:relative}.awards-title{text-align:center;margin-bottom:60px;color:#333;font-weight:700;font-size:36px}.highlight-marker{position:relative;display:inline-block;background-image:url(/marker.png);background-size:contain;background-repeat:no-repeat;background-position:center;padding:8px 20px;z-index:2}.awards:before{content:"";position:absolute;left:50%;top:150px;bottom:150px;width:4px;background:linear-gradient(to bottom,gold,#daa520,#b8860b);transform:translate(-50%);z-index:1}.award-item{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:60px;align-items:center;position:relative;z-index:2}.award-item:after{content:"";position:absolute;left:50%;top:50%;width:20px;height:20px;border-radius:50%;transform:translate(-50%,-50%);z-index:3;border:4px solid white;box-shadow:0 0 0 2px currentColor,0 4px 12px #00000026}.award-first:after{background:gold;color:gold}.award-second:after{background:#daa520;color:#daa520}.award-third:after{background:#b8860b;color:#b8860b}.award-item-reverse{direction:rtl}.award-item-reverse>*{direction:ltr}.award-image{width:60%;margin:0 auto;position:relative}.award-img{width:100%;height:auto;border-radius:16px;transition:transform .3s ease;display:block}.award-img:hover{transform:scale(1.02)}.award-content{flex:1;position:relative}.award-year-bg{position:absolute;top:-100px;right:-0px;font-size:120px;font-weight:900;color:#daa52014;line-height:1;z-index:-1;font-family:Arial,sans-serif;pointer-events:none}.award-content h3{color:#daa520;font-size:28px;margin-bottom:12px;font-weight:700}.award-content h4{font-size:18px;font-weight:600;margin-bottom:16px;color:var(--dark-gray);line-height:1.6}.award-details ul{list-style:none;margin-bottom:16px}.award-details li{padding:10px 0 10px 28px;position:relative;line-height:1.7}.award-details li:before{content:"✦";position:absolute;left:0;color:#daa520;font-weight:700;font-size:18px}.award-first:before{content:"";position:absolute;top:0;left:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,215,0,.1) 0%,transparent 70%);border-radius:50%;z-index:-1}.award-second:before{content:"";position:absolute;top:0;right:-50px;width:180px;height:180px;background:radial-gradient(circle,rgba(74,144,226,.1) 0%,transparent 70%);border-radius:50%;z-index:-1}.award-third:before{content:"";position:absolute;top:0;left:-50px;width:220px;height:220px;background:radial-gradient(circle,rgba(102,126,234,.1) 0%,transparent 70%);border-radius:50%;z-index:-1}.video{background:var(--white)}.section-subtitle{text-align:center;font-size:20px;color:var(--medium-gray);margin-bottom:48px}.video-wrapper{max-width:800px;margin:0 auto;text-align:center;position:relative}.video-image{width:100%;height:auto;border-radius:16px;margin-bottom:24px}.video-info{text-align:center}.video-info p{font-size:24px;font-weight:600;margin-bottom:24px;color:var(--medium-gray)}.video-link{display:inline-block;background:var(--primary-blue);color:var(--white);padding:18px 48px;border-radius:50px;text-decoration:none;font-weight:600;font-size:20px;transition:all .3s ease}.video-link:hover{background:var(--light-blue);transform:translateY(-2px)}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .3s ease;pointer-events:none}.video-wrapper:hover .play-button{transform:translate(-50%,-50%) scale(1.1)}.video-modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;background-color:#000c;justify-content:center;align-items:center}.video-modal-content{position:relative;background-color:#000;border-radius:8px;overflow:hidden;max-width:90vw;max-height:90vh}.video-modal-close{position:absolute;top:-40px;right:0;color:#fff;font-size:32px;font-weight:700;cursor:pointer;z-index:10001;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.video-modal-close:hover{color:#f44}.video-modal-body{width:100%;height:100%}.video-modal-body iframe{width:80vw;height:45vw;max-width:800px;max-height:450px;min-width:320px;min-height:180px}@media (max-width: 768px){.video-modal-body iframe{width:90vw;height:50.625vw}.play-button svg{width:60px;height:60px}}.features{background:linear-gradient(135deg,#f8fcff,#fff)}.feature-item{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-bottom:80px;align-items:center}.feature-item-reverse{direction:rtl}.feature-item-reverse>*{direction:ltr}.feature-image{width:100%}.feature-img{width:100%;height:auto;border-radius:16px;box-shadow:0 8px 32px #0000001a;transition:transform .3s ease,box-shadow .3s ease;display:block}.feature-img:hover{transform:translateY(-4px);box-shadow:0 12px 48px #00000026}.feature-video-wrapper{position:relative;display:inline-block;width:100%}.feature-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .3s ease;pointer-events:none}.feature-video-wrapper:hover .feature-play-button{transform:translate(-50%,-50%) scale(1.1)}.feature-content{flex:1}.feature-content h3{color:var(--primary-blue);font-size:28px;margin-bottom:12px}.feature-content h4{font-size:20px;font-weight:600;margin-bottom:20px;color:var(--dark-gray)}.feature-content ul{list-style:none;margin-bottom:20px}.feature-content li{padding:10px 0 10px 28px;position:relative;line-height:1.7}.feature-content li:before{content:"✓";position:absolute;left:0;color:var(--primary-blue);font-weight:700;font-size:18px}.feature-stat{font-weight:600;color:var(--primary-blue);font-size:18px;margin-top:16px;padding:16px 24px;background:#33ccff1a;border-radius:8px;border-left:4px solid var(--primary-blue)}.feedback{background:var(--white)}.feedback-image-wrapper{text-align:center;margin:32px 0 48px}.feedback-image{max-width:500px;width:100%;height:auto;border-radius:16px;box-shadow:0 8px 32px #0000001f}.feedback-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.feedback-card{background:var(--light-gray);padding:32px;border-radius:16px;transition:transform .3s ease,box-shadow .3s ease}.feedback-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.feedback-avatar{width:50px;height:50px;border-radius:50%;margin-bottom:16px;object-fit:cover}blockquote{font-size:18px;line-height:1.8;margin-bottom:16px;font-style:italic}cite{font-style:normal;color:var(--medium-gray);font-weight:600}.about{background:linear-gradient(135deg,#e3f5ff,#fff)}.about-content{max-width:600px;margin:0 auto;text-align:center}.about-logo{height:80px;width:auto;margin:24px auto;display:block}.about-mission{font-size:20px;font-weight:600;color:var(--primary-blue);margin-bottom:32px}.contact-info{background:var(--white);padding:32px;border-radius:16px;text-align:left}.contact-info p{margin-bottom:16px}.contact-info a{color:var(--primary-blue);text-decoration:none;transition:color .3s ease}.contact-info a:hover{color:var(--light-blue)}.cta-section{margin-top:40px;text-align:center}.cta-button{display:inline-block;background:linear-gradient(135deg,var(--primary-blue) 0%,var(--light-blue) 100%);color:var(--white);font-size:1.2em;font-weight:600;padding:16px 48px;border-radius:50px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #33ccff4d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3cf6}footer{background:var(--dark-gray);color:var(--white);padding:48px 0 32px;text-align:center}.footer-content{display:flex;flex-direction:column;align-items:center;gap:24px}.social-links{display:flex;gap:24px;align-items:center}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--white);transition:all .3s ease;border-radius:50%;background:#ffffff1a}.social-links a:hover{transform:translateY(-4px)}.social-line{background:#00b900!important}.social-facebook{background:#1877f2!important}.social-youtube{background:red!important}.social-website{background:var(--primary-blue)!important}.social-links svg{width:20px;height:20px}.footer-content p{margin:0;color:var(--white)}.footer-content p a{color:var(--primary-blue);font-weight:600;transition:color .3s ease;text-decoration:none}.footer-content p a:hover{color:var(--light-blue)}.footer-product-number{background:#fffffff2;color:var(--primary-blue);padding:5px 15px;border-radius:20px;display:inline-block;margin-left:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a;font-size:12px;color:#515050}.red-text{color:var(--red-highlight);font-weight:700}.blue-text{color:#036;font-weight:700}.pricing-hero{background:linear-gradient(135deg,#f0faff,#fff);padding:120px 0 60px;text-align:center}.pricing-hero h1{font-size:36px;color:var(--dark-gray);margin-bottom:16px}.pricing-hero h2{font-size:48px;color:var(--dark-gray);font-weight:900;margin-bottom:0}.pricing-plans{padding:80px 0;background:var(--white)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;max-width:1200px;margin:0 auto}.plan-card{background:var(--white);border-radius:20px;padding:40px 30px;text-align:center;position:relative;transition:transform .3s ease,box-shadow .3s ease;border:2px solid #e0e0e0;display:flex;flex-direction:column;min-height:600px}.plan-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #00000026}.plan-free{background:linear-gradient(135deg,#f0faff,#fff);color:var(--dark-gray);border:2px solid var(--primary-blue)}.plan-starter{background:linear-gradient(135deg,var(--primary-blue) 0%,var(--light-blue) 100%);color:var(--white);border:2px solid var(--primary-blue)}.plan-advanced{background:linear-gradient(135deg,#f0faff,#fff);color:var(--dark-gray);border:2px solid var(--primary-blue)}.plan-icon{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--primary-blue)}.plan-free .plan-icon{background:linear-gradient(135deg,#33ccff1a,#87e3ff1a);border:2px solid var(--primary-blue)}.plan-starter .plan-icon{background:#fff3;color:var(--white);border:2px solid var(--white)}.plan-advanced .plan-icon{background:linear-gradient(135deg,#33ccff1a,#87e3ff1a);border:2px solid var(--primary-blue)}.plan-icon svg{width:40px;height:40px}.plan-card h3{font-size:28px;font-weight:700;margin-bottom:30px;line-height:1.3}.plan-features{list-style:none;margin-bottom:40px;text-align:left;flex-grow:1}.plan-features li{position:relative;padding:12px 0 12px 24px;line-height:1.6}.plan-features li:before{content:"•";position:absolute;left:0;font-weight:700;font-size:18px}.plan-free .plan-features li:before{color:var(--primary-blue)}.plan-starter .plan-features li:before{color:var(--white)}.plan-advanced .plan-features li:before{color:var(--primary-blue)}.plan-button{background:var(--primary-blue);color:var(--white);border:none;padding:16px 40px;border-radius:50px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px;width:100%;margin-top:auto}.plan-button:hover{background:var(--light-blue);transform:translateY(-2px)}.plan-button-free{background:var(--primary-blue);color:var(--white)}.plan-button-free:hover{background:var(--light-blue)}.plan-button-starter{background:var(--white);color:var(--primary-blue);border:2px solid var(--primary-blue)}.plan-button-starter:hover,.plan-button-advanced{background:var(--primary-blue);color:var(--white)}.plan-button-advanced:hover{background:var(--light-blue)}.plan-code{font-size:14px;margin-bottom:8px;opacity:.8}.plan-price{font-size:16px;font-weight:600;margin-bottom:8px}.plan-note{font-size:12px;opacity:.7;line-height:1.4}.plan-bottom-spacer{margin-top:auto}.plan-info-section{padding:40px 0}.plan-info{text-align:center;font-size:1.2em;line-height:1.8;color:var(--medium-gray)}.plan-info strong{color:var(--primary-blue);font-size:1.1em}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080}.modal-content{background-color:var(--white);margin:5% auto;padding:30px;border-radius:16px;width:600px;max-width:90%;text-align:left;position:relative;max-height:80vh;overflow-y:auto}.close{position:absolute;right:20px;top:15px;font-size:28px;font-weight:700;cursor:pointer;color:var(--medium-gray)}.close:hover{color:var(--dark-gray)}.contact-sales-btn{background:var(--primary-blue);color:var(--white);border:none;padding:12px 30px;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin:20px auto 0;display:block}.contact-sales-btn:hover{background:var(--light-blue);transform:translateY(-2px)}.pricing-details h4{color:var(--primary-blue);font-size:24px;margin-bottom:16px;text-align:center}.price-highlight{text-align:center;font-size:28px;color:#036;margin-bottom:12px}.price-calculation{text-align:center;font-size:14px;color:var(--medium-gray);margin-bottom:24px;font-style:italic}.plan-description p{margin-bottom:16px;line-height:1.6}.plan-description ul{list-style:none;margin-bottom:20px}.plan-description li{padding:8px 0 8px 24px;position:relative;line-height:1.6}.plan-description li:before{content:"✓";position:absolute;left:0;color:var(--primary-blue);font-weight:700;font-size:16px}.plan-description .plan-note{background:#33ccff1a;padding:16px;border-radius:8px;border-left:4px solid var(--primary-blue);font-style:italic;margin-bottom:0}@media (max-width: 768px){.pricing-hero{padding:100px 0 40px}.pricing-hero h1{font-size:28px}.pricing-hero h2{font-size:36px}.plans-grid{grid-template-columns:1fr;gap:30px}.plan-card{padding:30px 20px}.modal-content{width:350px;padding:20px;margin:10% auto}.pricing-details h4{font-size:20px}.price-highlight{font-size:24px}}@media (max-width: 768px){.nav-menu{position:fixed;left:-100%;top:72px;flex-direction:column;background:var(--white);width:100%;padding:24px;box-shadow:0 8px 16px #0000001a;transition:left .3s ease;gap:16px}.nav-menu.active{left:0}.nav-toggle{display:flex}h1{font-size:36px}h2{font-size:28px}h3{font-size:20px}.hero-subtitle{font-size:18px}.hero-highlight{font-size:20px}.section{padding:48px 0}.challenge-grid,.solution-grid,.feedback-grid{grid-template-columns:1fr}.feature-item,.feature-item-reverse,.award-item,.award-item-reverse{grid-template-columns:1fr;gap:32px;margin-bottom:48px;direction:ltr}.award-year-bg{font-size:80px;top:-35px;right:-15px;color:#daa5201f}.feature-number{font-size:80px}.feature-content h3{font-size:24px}.feature-content h4{font-size:18px}.award-content h3{font-size:24px}.award-content h4{font-size:16px}.award-image{width:90%}.awards:before{display:none}.award-item:after{display:none}.award-first:before,.award-second:before,.award-third:before{display:none}.speech-bubble{padding:15px 30px}}