:root{--primary-color:#E8B4B8;--secondary-color:#F9F5F6;--accent-color:#FF6B6B;--text-color:#333333;--light-text:#666666;--white:#FFFFFF;--shadow:0 4px 12px rgba(0,0,0,0.1);--transition:all 0.3s ease;--border-radius:8px;--container-width:1200px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,Noto Sans HK,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:700;line-height:1.2;margin-bottom:1rem}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.75rem}h4{font-size:1.5rem}p{margin-bottom:1rem}a{color:var(--primary-color);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent-color)}img{max-width:100%;height:auto;display:block}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:768px){html{font-size:14px}h1{font-size:2.5rem}h2{font-size:2rem}.container{padding:0 15px}}.btn{display:inline-block;padding:12px 30px;border-radius:30px;text-decoration:none;font-weight:600;transition:var(--transition);border:none;cursor:pointer;font-size:1rem;text-align:center;font-family:Inter,sans-serif}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:white}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(232,180,184,.3)}.btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:white}.btn-small{padding:8px 20px;font-size:.875rem}.btn-large{padding:16px 40px;font-size:1.125rem}.btn-full{width:100%}.card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:2rem;transition:var(--transition)}.card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.section-title{font-family:Playfair Display,serif;font-size:3rem;text-align:center;margin-bottom:1.5rem;color:var(--text-color)}.section-title .highlight{color:var(--primary-color)}.section-subtitle{font-size:1.25rem;text-align:center;color:var(--light-text);margin-bottom:3rem;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}.highlight{color:var(--primary-color)}.addons-section,.contact-section,.faq-section,.process-section,.services-section{padding:6rem 0;position:relative}.contact-section,.services-section{background:var(--white)}.process-section{padding:5rem 0;background:linear-gradient(135deg,rgba(232,180,184,.04),rgba(255,107,107,.03))}.process-steps{max-width:800px;margin:0 auto;position:relative}.process-steps:before{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:3px;border-radius:2px;background:linear-gradient(to bottom,var(--primary-color),rgba(232,180,184,.25))}.process-step{position:relative;padding-left:60px;margin-bottom:1.25rem}.process-step:last-child{margin-bottom:0}.step-number{position:absolute;left:0;top:0;right:auto;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:white;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;z-index:1;box-shadow:0 3px 10px rgba(232,180,184,.3)}.step-content{flex:1 1;background:var(--white);padding:1.25rem 1.5rem;border-radius:var(--border-radius);box-shadow:0 2px 12px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.05);transition:all .3s ease}.step-content:hover{transform:translateX(5px);box-shadow:0 4px 20px rgba(0,0,0,.08)}.step-content h3{font-size:1.05rem;color:var(--text-color);margin:0 0 .35rem}.step-content p{font-size:.9rem;color:var(--light-text);margin:0;line-height:1.5}@media (max-width:768px){.process-steps:before{left:16px;top:17px;bottom:17px;width:3px}.process-step{padding-left:50px;margin-bottom:1rem}.step-number{left:0;width:35px;height:35px;font-size:.9rem}.step-content{padding:1rem 1.25rem}}.faq-section{background:var(--secondary-color)}.glassmorphism{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}.glassmorphism,.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.95);z-index:1000;padding:1rem 0;box-shadow:0 2px 10px rgba(0,0,0,.1)}.navbar.glassmorphism{background:rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.2);transition:all .3s ease}.navbar.glassmorphism,.navbar.glassmorphism.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar.glassmorphism.scrolled{background:rgba(255,255,255,.95);box-shadow:0 2px 10px rgba(0,0,0,.1)}.navbar.glassmorphism .logo{display:flex;align-items:center}.navbar.glassmorphism .logo-image{height:40px;width:auto;transition:var(--transition)}.navbar.glassmorphism .logo:hover .logo-image{transform:scale(1.05)}.navbar.glassmorphism.scrolled .logo-image{height:35px}.navbar.glassmorphism .nav-menu a{color:white}.navbar.glassmorphism.scrolled .nav-menu a{color:var(--text-color)}.navbar.glassmorphism .menu-toggle{color:white}.navbar.glassmorphism.scrolled .menu-toggle{color:var(--text-color)}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:var(--container-width);margin:0 auto;padding:0 20px}.nav-logo{font-family:Playfair Display,serif;font-size:1.5rem;font-weight:700;color:var(--text-color)}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{color:var(--text-color);font-weight:500;padding:.5rem 0;position:relative;transition:color .25s ease}.nav-link:hover{color:var(--primary-color)}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary-color);transition:all .3s ease;transform:translateX(-50%)}.nav-link.active:after,.nav-link:hover:after{width:60%}.nav-link.active{color:var(--primary-color);font-weight:600}.menu-toggle,.nav-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;padding:.5rem}@media (max-width:768px){.menu-toggle,.nav-toggle{display:block;z-index:3000;position:relative}.nav-menu.active~.menu-toggle{color:white}.nav-menu{position:fixed;top:0;left:0;right:0;height:100vh;height:100dvh;background:rgba(30,20,25,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:5rem 2rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .4s ease;z-index:2000}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-link,.nav-menu a{display:block;padding:.85rem 2rem;font-size:1.15rem;font-weight:500;color:rgba(255,255,255,.85);text-align:center;border-radius:12px;transition:all .25s ease;width:100%;max-width:280px;border-bottom:none}.nav-link.active,.nav-link:hover,.nav-menu a.active,.nav-menu a:hover{background:rgba(232,180,184,.18);color:#fff}.nav-menu li:last-child a{border-bottom:none}}.fixed-video-background{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-1;overflow:hidden}.fixed-video-background video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);object-fit:cover}.video-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3)}.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;z-index:1;padding-top:80px}.hero-content{max-width:800px;text-align:center;margin:0 auto}.hero{min-height:100vh;display:flex;align-items:center;position:relative;z-index:1;padding-top:80px}.hero-title{font-size:4rem;margin-bottom:1.5rem;line-height:1.1;color:var(--text-color)}.hero-title .highlight{color:var(--primary-color)}.hero-subtitle{font-size:1.6rem;color:#fff;margin-bottom:2.5rem;line-height:1.7;max-width:700px;margin-left:auto;margin-right:auto;text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-actions{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.video-hero .hero-title{color:white}.video-hero .hero-subtitle{color:rgba(255,255,255,.9)}.services{padding:4rem 0;background:var(--white)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1px;gap:1px;margin-top:2rem;background:#e8e8e8;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06)}.service-card{background:var(--white);padding:2rem 1.5rem;display:flex;align-items:flex-start;gap:1rem;transition:background .3s ease}.service-card:hover{background:rgba(232,180,184,.04)}.service-icon{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.2rem}.service-card-text{flex:1 1;min-width:0}.service-card-text h3{font-size:1.1rem;margin:0 0 .4rem;color:var(--text-color);font-weight:600}.service-card-text p{font-size:.88rem;color:var(--light-text);line-height:1.5;margin:0}@media (max-width:768px){.services-grid{grid-template-columns:1fr}.service-card{padding:1.25rem 1rem}}.contact{background:var(--secondary-color)}.contact,.faq{padding:4rem 0}.faq{background:var(--white)}.faq-list{max-width:800px;margin:0 auto}.faq-item{background:var(--white);border-radius:var(--border-radius);margin-bottom:1rem;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--secondary-color)}.faq-question{padding:1.5rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:var(--transition)}.faq-question:hover{background:var(--secondary-color)}.faq-question h3{font-size:1.125rem;margin:0;color:var(--text-color)}.faq-question i{color:var(--primary-color);transition:var(--transition)}.faq-item.active .faq-question i{transform:rotate(180deg)}.faq-answer{padding:0 1.5rem;max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.active .faq-answer{padding:0 1.5rem 1.5rem;max-height:500px}.faq-answer p{color:var(--light-text);line-height:1.6;margin:0}.footer{background:#2C2C2C;color:white;padding:4rem 0 2rem;margin-top:4rem}.footer-content{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:3rem;gap:3rem;margin-bottom:3rem}.footer-brand{grid-column:span 1}.footer-logo{display:block;margin-bottom:1rem}.footer-logo .logo-image{height:50px;width:auto}.footer-tagline{color:rgba(255,255,255,.7);font-size:.875rem;line-height:1.6}.footer-contact h4,.footer-legal h4,.footer-links h4{color:white;font-size:1.125rem;margin-bottom:1.5rem;font-weight:600}.footer-contact ul,.footer-legal ul,.footer-links ul{list-style:none;padding:0;margin:0}.footer-contact li,.footer-legal li,.footer-links li{margin-bottom:.75rem}.footer-contact a,.footer-legal a,.footer-links a{color:rgba(255,255,255,.7);text-decoration:none;transition:var(--transition);font-size:.875rem}.packages-section{padding:5rem 0;background:var(--secondary-color)}.package-carousel-wrapper{max-width:520px;margin:0 auto 1rem;border-radius:16px;overflow:hidden}.package-carousel-wrapper .addon-carousel{border-radius:0;max-height:300px}.package-carousel-wrapper .carousel-slide{height:auto;padding:1rem 0}.package-carousel-wrapper .carousel-slide img{aspect-ratio:1/1;width:100%;max-width:240px;height:auto;max-height:240px;object-fit:cover;display:block;margin:0 auto}@media (max-width:480px){.package-carousel-wrapper .carousel-slide img{max-width:200px;max-height:200px}}.package-card{max-width:520px;margin:0 auto;background:var(--white);border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.06)}.package-duration-selector{padding:1.5rem 1.5rem 0}.duration-toggle{display:flex;gap:.75rem;justify-content:center}.duration-radio{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.duration-option{flex:1 1;max-width:200px;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.25rem 1rem;border:2px solid #e8e8e8;border-radius:16px;cursor:pointer;transition:all .25s ease;position:relative;text-align:center}.duration-option:hover{border-color:var(--primary-color)}.duration-radio:checked+.duration-option{border-color:var(--primary-color);background:rgba(232,180,184,.06);box-shadow:0 0 0 3px rgba(232,180,184,.15)}.duration-option.recommended{border-color:#f0f0f0}.duration-radio:checked+.duration-option.recommended{border-color:var(--primary-color)}.duration-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:white;font-size:.7rem;font-weight:600;padding:.2rem .8rem;border-radius:20px;white-space:nowrap;letter-spacing:.5px}.duration-value{font-size:2.5rem;font-weight:700;color:var(--text-color);line-height:1;margin-top:.25rem}.duration-unit{font-size:.9rem;color:var(--light-text);font-weight:500}.duration-radio:checked+.duration-option .duration-value{color:var(--primary-color)}.package-body{padding:1.5rem;text-align:center}.package-name{font-size:1.3rem;color:var(--text-color);margin-bottom:.25rem}.package-subtitle{font-size:.9rem;color:var(--light-text);margin-bottom:1.5rem}.package-features{list-style:none;padding:0;margin:0 0 1.5rem;display:inline-block;text-align:left}.package-features li{padding:.65rem 0;font-size:.95rem;color:var(--text-color);display:flex;align-items:center;gap:.6rem}.package-features li i.fa-check{color:#51cf66;font-size:.85rem;width:18px;text-align:center}.package-price{font-size:1rem;color:var(--light-text);font-weight:500;margin-bottom:.35rem}.package-hint{font-size:.8rem;color:#bbb}@media (max-width:768px){.packages-section{padding:3rem 0}.duration-toggle{gap:.5rem}.duration-option{padding:1rem .75rem}.duration-value{font-size:2rem}}.featured-guide-section{padding:5rem 0;background:var(--white)}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;margin-bottom:2.5rem}.guide-card{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06);transition:all .3s ease;border:1px solid rgba(0,0,0,.06)}.guide-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.1)}.guide-card-image{width:100%;height:200px;object-fit:cover;display:block}.guide-card-body{padding:1.5rem}.guide-card-body h3{font-size:1.15rem;margin-bottom:.5rem;line-height:1.4}.guide-card-body h3 a{color:var(--text-color);text-decoration:none;transition:color .2s}.guide-card-body h3 a:hover{color:var(--primary-color)}.guide-card-body p{color:var(--light-text);font-size:.9rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.guide-card-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;font-size:.8rem;color:#999}.guide-card-meta .guide-category{background:rgba(232,180,184,.15);color:var(--primary-color);padding:.2rem .6rem;border-radius:4px;font-weight:500}.guide-all-link{text-align:center}.skeleton{position:relative;overflow:hidden}.skeleton-box{background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:8px}.skeleton-box.guide-card-image{height:200px;width:100%}.skeleton-text{height:14px;margin-bottom:10px;border-radius:4px}.skeleton-title{width:70%;height:18px}.skeleton-excerpt{width:100%}.skeleton .guide-card-body{padding:1.5rem}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (max-width:768px){.guide-grid{grid-template-columns:1fr;gap:1.25rem}.featured-guide-section{padding:3rem 0}.guide-card-image{height:180px}}@media (min-width:769px) and (max-width:1024px){.guide-grid{grid-template-columns:repeat(2,1fr)}}.footer-contact a:hover,.footer-legal a:hover,.footer-links a:hover{color:var(--primary-color)}.footer-contact li{display:flex;align-items:center;gap:.75rem}.footer-contact i{color:var(--primary-color);width:20px;text-align:center}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.copyright{color:rgba(255,255,255,.5);font-size:.875rem}.footer-social{display:flex;gap:1rem}.footer-social a{color:rgba(255,255,255,.7);font-size:1.25rem;transition:var(--transition)}.footer-social a:hover{color:var(--primary-color);transform:translateY(-3px)}@media (max-width:768px){.footer-content{grid-template-columns:repeat(2,1fr);gap:2rem}.footer-bottom{flex-direction:column;gap:1.5rem;text-align:center}}@media (max-width:480px){.footer-content{grid-template-columns:1fr}}.scroll-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:var(--primary-color);color:white;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;opacity:0;visibility:hidden;transform:translateY(20px);transition:var(--transition);z-index:1001}.scroll-to-top.visible{transform:translateY(0)}.scroll-to-top:hover{background:var(--accent-color);transform:translateY(-5px)}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.footer-content{flex-direction:column;text-align:center}.scroll-to-top{bottom:20px;right:20px;width:45px;height:45px;font-size:1rem}}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.addons-bottom-bar.visible{display:block!important}.carousel-nav.disabled{opacity:.5;cursor:default;pointer-events:none}.contact-form-container{background:var(--white);border-radius:var(--border-radius);box-shadow:0 8px 30px rgba(0,0,0,.08);padding:2rem;max-width:900px;margin:0 auto}.form-header{text-align:center;margin-bottom:1.5rem}.form-header h3{font-size:1.5rem;color:var(--text-color);margin-bottom:.5rem}.form-header h3 i{color:#25D366;margin-right:.5rem}.form-header p{color:var(--light-text)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1rem}.form-group.full-width{grid-column:1/-1}.form-container{background:var(--white);border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.08);padding:2rem;max-width:600px;margin:0 auto}.form-group{position:relative;margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.35rem;font-weight:600;font-size:.95rem;color:var(--text-color)}.glass-input,.glass-select,.glass-textarea{width:100%;padding:1rem 1.2rem;border:2px solid #e0e0e0;border-radius:12px;font-family:Inter,Noto Sans HK,sans-serif;font-size:1rem;color:var(--text-color);background:#fff;transition:all .25s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.glass-input:focus,.glass-select:focus,.glass-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px rgba(232,180,184,.15);transform:translateY(-1px)}.glass-input::placeholder,.glass-textarea::placeholder{color:#bbb;font-style:italic;opacity:1}.glass-input:focus::placeholder,.glass-textarea:focus::placeholder{color:transparent}.glass-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='%23999' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.2rem center;background-size:14px;padding-right:3rem;cursor:pointer}.glass-textarea{min-height:120px;resize:vertical;line-height:1.5}.form-group.error .glass-input,.form-group.error .glass-select,.form-group.error .glass-textarea{border-color:#ff6b6b!important;box-shadow:0 0 0 4px rgba(255,107,107,.1)}.form-group.error .error-message{display:block}.form-group.success .glass-input,.form-group.success .glass-select,.form-group.success .glass-textarea{border-color:#51cf66!important;box-shadow:0 0 0 4px rgba(81,207,102,.1)}.error-message{color:#ff6b6b;font-size:.85rem;margin-top:.4rem;display:none;font-weight:500}.form-message{padding:1rem 1.2rem;border-radius:12px;margin-bottom:1.5rem;display:none;font-weight:500}.form-message.show,.form-message.visible{display:block}.form-message.success{background:rgba(81,207,102,.08);border:1px solid rgba(81,207,102,.25);color:#2b8a3e}.form-message.error{background:rgba(255,107,107,.08);border:1px solid rgba(255,107,107,.25);color:#c92a2a}.focus-indicator{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.form-group:focus-within .focus-indicator{width:100%}.form-actions{display:flex;gap:.75rem;margin-top:1.25rem}.form-actions .btn{flex:1 1;padding:.8rem 1.5rem;border:none;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .25s ease;font-family:Inter,sans-serif}.form-actions .btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:white;box-shadow:0 4px 15px rgba(232,180,184,.3)}.form-actions .btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px rgba(232,180,184,.4)}.form-actions .btn-primary:active{transform:translateY(0) scale(.98)}.form-actions .btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.form-actions .btn-secondary:hover{background:var(--primary-color);color:white;transform:translateY(-2px)}.checkbox-group{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.checkbox-input{width:20px;height:20px;accent-color:var(--primary-color);border:2px solid #e0e0e0;border-radius:4px;padding:0;flex:none;margin-top:2px}.checkbox-label{font-size:.95rem;color:var(--text-color);font-weight:500;display:inline}.privacy-link{color:var(--primary-color);text-decoration:underline}.selected-package-display{display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;background:rgba(232,180,184,.08);border:1px solid rgba(232,180,184,.25);border-radius:10px;color:var(--text-color);font-weight:500;font-size:.95rem}.package-display-icon{color:var(--primary-color);font-size:1.1rem}.form-note{font-size:.85rem;color:#999;margin-top:.5rem;text-align:center}.whatsapp-form .form-title{text-align:center;margin-bottom:2rem;color:var(--text-color)}.whatsapp-form .form-description{text-align:center;color:var(--light-text);margin-bottom:2rem}.whatsapp-form .required-note{font-size:.85rem;color:#999;margin-top:1rem;text-align:center}.whatsapp-form .whatsapp-icon{color:#25D366;margin-right:.5rem}.qr-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.qr-modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;padding:32px;text-align:center;box-shadow:0 8px 32px rgba(0,0,0,.2);max-width:380px;width:90%}.qr-modal-content h4{font-size:18px;color:#075E54;margin:0 0 4px}.qr-hint{font-size:13px;color:#667;margin:0 0 16px}.qr-close{position:absolute;top:12px;right:16px;font-size:24px;background:none;border:none;cursor:pointer;color:#999;padding:4px;line-height:1}.qr-close:hover{color:#333}#qr-container{display:flex;justify-content:center;margin:12px 0}#qr-container canvas,#qr-container img{border-radius:8px}.qr-alt{margin:8px 0 0;font-size:14px}.qr-alt a{color:#25D366;text-decoration:none}.qr-alt a:hover{text-decoration:underline}.btn.btn-small{background:#128C7E;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:.2s}.btn.btn-small:hover{background:#075E54}@media (max-width:768px){.contact-form-container,.form-container{padding:1.25rem;margin:0 10px}.form-grid{grid-template-columns:1fr;gap:.75rem}.form-group{margin-bottom:1rem}.glass-input,.glass-select,.glass-textarea{padding:1.2rem;font-size:1.05rem}.form-actions{flex-direction:column}.form-actions .btn{width:100%;padding:1.1rem}}@media (max-width:480px){.contact-form-container,.form-container,.glass-input,.glass-select,.glass-textarea{padding:1rem}}.addons-section{padding:6rem 0;background:var(--secondary-color);position:relative}.addons-section .section-subtitle{max-width:700px}.addons-explorer{margin-top:3rem}.addons{padding:4rem 0;background:var(--secondary-color)}.addons .section-subtitle{max-width:700px}.addons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:2rem;min-height:300px}.addons-grid .loading{grid-column:1/-1;text-align:center;padding:3rem;color:var(--light-text);font-size:1.125rem}@media (max-width:768px){.addons-grid{grid-template-columns:1fr;gap:1rem}}.addon-card{background:var(--white);border-radius:var(--border-radius);box-shadow:var(--shadow);transition:var(--transition);position:relative;overflow:hidden;border:2px solid transparent;display:flex;flex-direction:column}.addon-card>.addon-visual{margin:0;overflow:hidden;border-radius:var(--border-radius);border-bottom-left-radius:0;border-bottom-right-radius:0}.addon-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,.15)}.addon-card.selected{border-color:var(--primary-color);background:linear-gradient(135deg,rgba(232,180,184,.05),rgba(255,107,107,.05))}.addon-card.selected:before{content:"✓ 已選擇";position:absolute;top:15px;right:15px;background:var(--primary-color);color:white;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.addon-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:white;font-size:1.5rem}.addon-icon img{width:30px;height:30px;object-fit:contain}.addon-title{font-size:1.25rem;margin-bottom:.3rem;color:var(--text-color)}.addon-price{font-size:1.25rem;font-weight:700;color:var(--primary-color)}.addon-footer .addon-price{margin:0}.addon-price .period{font-size:.875rem;color:var(--light-text);font-weight:400}.addon-description{color:var(--light-text);margin-bottom:.75rem;line-height:1.5;font-size:.9rem}.addon-features{list-style:none;margin-bottom:.75rem}.addon-features li{color:var(--text-color);position:relative;padding:.3rem 0 .3rem 1.25rem;font-size:.85rem}.addon-features li:before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:700}.addon-footer{margin-top:.5rem;justify-content:space-between}.addon-footer,.fav-btn{display:flex;align-items:center}.fav-btn{gap:.4rem;background:none;border:none;cursor:pointer;padding:.25rem .5rem;border-radius:20px;transition:var(--transition);font-size:.8rem;color:var(--text-color)}.fav-btn:hover{background:rgba(232,180,184,.1)}.fav-btn i{font-size:1.25rem;color:#ccc;transition:all .3s ease}.fav-btn.selected,.fav-btn.selected i{color:var(--primary-color)}.fav-btn.selected i{animation:heartBeat .3s ease}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.addon-actions{display:flex;gap:1rem}.addon-select-btn{flex:1 1;padding:.75rem;font-size:.875rem}.addon-select-btn.selected{background:var(--accent-color)}.addon-details-btn{background:transparent;color:var(--primary-color);border:1px solid var(--primary-color);padding:.75rem;border-radius:var(--border-radius);font-size:.875rem;cursor:pointer;transition:var(--transition)}.addon-details-btn:hover{background:var(--primary-color);color:white}.loading-message{grid-column:1/-1;text-align:center;padding:4rem;color:var(--light-text);font-size:1.125rem}.loading-message i{margin-right:.5rem;color:var(--primary-color)}.addons-bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:999;background:var(--white);box-shadow:0 -4px 20px rgba(0,0,0,.15);padding:.75rem 1rem;display:none}.addons-bottom-bar.visible{display:block;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bar-content{max-width:1200px;margin:0 auto;justify-content:space-between;gap:.75rem}.bar-content,.bar-info{display:flex;align-items:center}.bar-info{gap:.4rem;font-size:.85rem;color:var(--text-color)}.bar-count{font-weight:600}.bar-price{font-size:1.1rem;font-weight:700;color:var(--primary-color);white-space:nowrap}.bar-btn{background:var(--primary-color);color:white;border:none;padding:.6rem 1.2rem;border-radius:25px;font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap;display:flex;align-items:center;gap:.4rem}.bar-btn:hover{background:var(--accent-color);transform:scale(1.05)}.addons-section{padding-bottom:5rem}.faq-addon-detail{min-width:100px;text-align:right}.addon-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:var(--transition)}.addon-modal.active{opacity:1;visibility:visible}.modal-content{background:var(--white);border-radius:var(--border-radius);padding:2.5rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;color:var(--light-text);cursor:pointer;padding:.5rem;line-height:1}.modal-close:hover{color:var(--accent-color)}.modal-title{font-size:1.75rem;margin-bottom:1rem;color:var(--text-color)}.modal-description{color:var(--light-text);margin-bottom:1.5rem;line-height:1.6}.modal-features{margin-bottom:2rem}.modal-features h4{font-size:1.125rem;margin-bottom:1rem;color:var(--text-color)}@media (max-width:768px){.addons{padding:3rem 0}.addon-actions,.summary-content{flex-direction:column}.summary-content,.summary-total{text-align:center}.summary-actions{width:100%;justify-content:center}.modal-content{padding:1.5rem;width:95%}}.addon-carousel{position:relative;overflow:hidden}.addon-carousel .carousel-container{overflow:hidden;width:100%;border-radius:inherit}.addon-content{padding:1rem 1.25rem 1.25rem}.carousel-container{overflow:hidden;border-radius:var(--border-radius)}.carousel-track{display:flex;flex-wrap:nowrap;transition:transform .45s ease;will-change:transform}.carousel-slide{box-sizing:border-box;flex:0 0 auto;min-width:0;max-width:none;height:200px;position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.carousel-slide img{width:100%;height:100%;object-fit:cover}.addon-icon-placeholder{width:100%;height:200px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));font-size:3.5rem;opacity:.9}.addon-icon-placeholder,.carousel-nav{display:flex;align-items:center;justify-content:center;color:white}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:var(--transition);z-index:10}.carousel-prev{left:10px}.carousel-next{right:10px}.carousel-nav:hover{background:rgba(0,0,0,.8)}.carousel-counter{right:10px;background:rgba(0,0,0,.7);color:white;padding:4px 8px;border-radius:12px;font-size:.75rem}.carousel-counter,.carousel-dots{position:absolute;bottom:10px;z-index:10}.carousel-dots{left:50%;transform:translateX(-50%);display:flex;gap:.4rem}.carousel-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.6);border:none;cursor:pointer;transition:var(--transition);padding:0}.carousel-dot.active{background:white;transform:scale(1.3)}.comparison-slider{position:relative;width:100%;height:100%;min-height:250px;overflow:hidden;cursor:ew-resize;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:none;border-radius:12px}.comparison-slider:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.comparison-images{position:relative;width:100%;height:100%}.comparison-after,.comparison-before{position:absolute;top:0;left:0;width:100%;height:100%}.comparison-before{-webkit-clip-path:inset(0 50% 0 0);clip-path:inset(0 50% 0 0);z-index:2}.comparison-after{z-index:1}.comparison-after img,.comparison-before img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.comparison-label{position:absolute;bottom:12px;padding:4px 12px;border-radius:6px;font-size:.8rem;font-weight:500;pointer-events:none;z-index:5}.before-label{left:12px;background:rgba(0,0,0,.55);color:rgba(255,255,255,.9)}.after-label{right:12px;background:rgba(232,180,184,.85);color:white}.comparison-handle{top:0;bottom:0;width:3px;box-shadow:0 0 8px rgba(0,0,0,.3);z-index:10;transform:translateX(-50%)}.comparison-handle,.comparison-handle-circle{position:absolute;background:white;pointer-events:none}.comparison-handle-circle{top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;box-shadow:0 2px 12px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.comparison-handle-circle i{color:var(--text-color);font-size:1rem}.comparison-dragging .comparison-handle-circle{transform:translate(-50%,-50%) scale(1.2)}.comparison-handle-line{position:absolute;top:0;left:50%;transform:translateX(-50%);width:3px;height:100%;background:white}@media (max-width:768px){.comparison-handle-circle{width:36px;height:36px}.comparison-handle-circle i{font-size:.9rem}.comparison-slider{min-height:200px}}.blog-hero{padding:120px 0 50px}.blog-hero-content{max-width:700px}.blog-hero-title{font-size:2.6rem;margin-bottom:12px}.blog-hero-subtitle{font-size:1.1rem;margin-bottom:0;line-height:1.5}.knowledge-main{padding:3rem 0}.articles-section h2{font-size:1.3rem;color:var(--text-color);margin-bottom:1.25rem;font-weight:600}.articles-list{display:flex;flex-direction:column;gap:1rem}.article-card{display:flex;flex-direction:row;align-items:stretch;background:var(--white);border-radius:14px;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.05);transition:all .25s ease;text-decoration:none;color:inherit}.article-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.08);border-color:rgba(232,180,184,.2)}.article-card .card-thumb{flex:0 0 180px;width:180px;min-height:100%;overflow:hidden;position:relative}.article-card .card-thumb .img-placeholder,.article-card .card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.article-card .card-thumb .img-placeholder{background:linear-gradient(135deg,#f0e8e9,#e8dadc);display:flex;align-items:center;justify-content:center;color:#d4b8bc;font-size:2rem;aspect-ratio:1/1}.article-card .card-body{flex:1 1;padding:1rem 1.25rem;display:flex;flex-direction:column;justify-content:center;gap:.35rem}.article-card .card-meta{display:flex;align-items:center;gap:.6rem;font-size:.78rem}.article-card .card-tag{background:rgba(232,180,184,.12);color:var(--primary-color);padding:.15rem .6rem;border-radius:20px;font-weight:600;white-space:nowrap}.article-card .card-date{color:#b0a0a3;white-space:nowrap}.article-card h3{font-size:1.05rem;line-height:1.4;color:var(--text-color);font-weight:600}.article-card h3,.article-card p{margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card p{font-size:.85rem;color:var(--light-text);line-height:1.45}.category-pills{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}.category-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;background:var(--white);border:1px solid #e8e0e1;border-radius:100px;font-size:.85rem;color:var(--text-color);cursor:pointer;transition:all .2s;font-weight:500;text-decoration:none}.category-pill i{color:var(--primary-color);font-size:.8rem}.category-pill:hover{border-color:var(--primary-color);background:rgba(232,180,184,.06)}.no-articles{text-align:center;padding:60px 20px;color:var(--light-text)}.no-articles i{font-size:2.5rem;color:#ddd;margin-bottom:.75rem}@media (max-width:700px){.blog-hero{padding:100px 0 35px;margin-top:70px}.blog-hero-title{font-size:1.8rem}.article-card{flex-direction:column}.article-card .card-thumb{flex:0 0 auto;width:100%;height:auto}.article-card .card-thumb .img-placeholder{aspect-ratio:16/9;height:160px}.article-card .card-body{padding:.85rem 1rem}}.blog-hero{padding:120px 0 60px;background:linear-gradient(135deg,rgba(232,180,184,.1),rgba(255,107,107,.05));text-align:center;margin-top:80px}.blog-hero-content{max-width:800px;margin:0 auto}.blog-hero-title{font-family:Playfair Display,serif;font-size:3rem;color:var(--text-color);margin-bottom:20px}.blog-hero-subtitle{font-size:1.2rem;color:var(--light-text);margin-bottom:30px}.blog-hero-search{display:flex;max-width:500px;margin:0 auto}.search-input{flex:1 1;padding:15px 20px;border:2px solid var(--primary-color);border-radius:30px 0 0 30px;font-size:1rem;outline:none}.search-btn{background:var(--primary-color);color:white;border:none;padding:0 25px;border-radius:0 30px 30px 0;cursor:pointer;transition:var(--transition)}.search-btn:hover{background:var(--accent-color)}.article-detail{padding-top:120px;padding-bottom:60px}.article-header{margin-bottom:40px}.article-meta{display:flex;gap:15px;margin-bottom:20px;font-size:.9rem;align-items:center;flex-wrap:wrap}.category{background:rgba(232,180,184,.12);color:var(--primary-color);padding:5px 15px;border-radius:20px;font-weight:600;font-size:.85rem}.date,.read-time{color:var(--light-text);font-size:.85rem}.article-header h1{font-size:2.2rem;margin-bottom:20px;color:var(--text-color);line-height:1.3}.article-excerpt{font-size:1.15rem;color:var(--light-text);line-height:1.6}.article-image{width:100%;max-height:500px;object-fit:cover;border-radius:var(--border-radius);margin-bottom:30px}.article-content{line-height:1.8;font-size:1.05rem;max-width:800px;margin:0 auto}.article-content h2{font-size:1.6rem;margin:35px 0 15px;color:var(--text-color)}.article-content h3{font-size:1.35rem;margin:30px 0 12px;color:var(--text-color)}.article-content p{margin-bottom:20px;color:var(--text-color)}.article-content ol,.article-content ul{margin-bottom:20px;padding-left:20px}.article-content li{margin-bottom:10px;line-height:1.7}.article-content img{max-width:100%;height:auto;border-radius:12px;margin:25px 0;box-shadow:0 4px 20px rgba(0,0,0,.06)}.article-content blockquote{border-left:4px solid var(--primary-color);padding:15px 20px;margin:25px 0;background:rgba(232,180,184,.06);border-radius:0 12px 12px 0;font-style:italic;color:var(--light-text)}.article-content a{color:var(--primary-color);text-decoration:underline}.article-content a:hover{color:var(--accent-color)}.article-tips{background:rgba(232,180,184,.06);padding:30px;border-radius:var(--border-radius);margin:30px 0;border-left:4px solid var(--primary-color)}.article-tips h3{color:var(--primary-color);margin-top:0;font-size:1.2rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;margin-top:40px;padding:.8rem 1.5rem;background:rgba(232,180,184,.1);color:var(--primary-color);text-decoration:none;border-radius:var(--border-radius);font-weight:500;transition:var(--transition)}.back-button:hover{background:var(--primary-color);color:white}.loading{text-align:center;padding:100px 20px;color:var(--light-text)}.loading i{font-size:2rem;margin-bottom:1rem;color:var(--primary-color)}.error{text-align:center;padding:80px 20px;background:rgba(255,107,107,.05);border-radius:var(--border-radius);margin:20px 0}.error i{font-size:2.5rem;color:#ff6b6b;margin-bottom:1rem}.not-found{text-align:center;padding:80px 20px}.not-found h2{color:var(--text-color);margin-bottom:15px}@media (max-width:768px){.blog-hero{padding:100px 0 40px;margin-top:70px}.blog-hero-title{font-size:2rem}.article-header h1{font-size:1.6rem}.article-content{font-size:1rem}.article-image{max-height:300px}.search-input{padding:12px 15px}}