:root{--color-aqua: #a6d4ca;--color-gold: #F4B41A;--color-text: #333;--color-bg: #fff;--color-light-gray: #f9f9f9;--primary: var(--color-aqua);--secondary: var(--color-gold);--dark: var(--color-text);--light: var(--color-light-gray);--white: #ffffff;--gray: #6c757d;--shadow: 0 10px 30px rgba(0,0,0,.08);--radius: 12px}html{font-family:Noto Sans TC,system-ui,sans-serif;background:var(--color-bg);color:var(--color-text);scroll-behavior:smooth}body{margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh}main{flex:1}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;line-height:1.2}p{margin:0 0 1rem;line-height:1.6}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.site-header{background:#fff;box-shadow:0 2px 10px #0000000d;padding:1rem 0;position:sticky;top:0;z-index:1000}.header-content{display:flex;align-items:center;justify-content:space-between}.logo-link{display:flex;align-items:center;gap:1rem}.logo{height:60px;width:auto}.brand-name h1{font-size:1.5rem;color:var(--color-aqua);margin:0}.brand-name p{font-size:.9rem;color:var(--color-gold);margin:0;font-weight:500}.main-nav{display:flex;align-items:center}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.nav-list a{color:var(--dark);font-weight:500;padding:.5rem 0;position:relative;transition:color .3s ease}.nav-list a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--primary);transition:width .3s ease}.nav-list a:hover{color:var(--primary)}.nav-list a:hover:after{width:100%}.nav-list a.btn-nav-cta{background-color:var(--secondary);color:#fff!important;padding:.5rem 1.2rem;border-radius:50px;transition:all .3s ease;box-shadow:0 4px 6px #f4b41a33}.nav-list a.btn-nav-cta:after{display:none}.nav-list a.btn-nav-cta:hover{background-color:#e0a800;transform:translateY(-2px);box-shadow:0 6px 10px #f4b41a4d}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:10px}.mobile-menu-btn span{display:block;width:25px;height:3px;background:var(--dark);border-radius:2px;transition:all .3s ease}.mobile-menu-btn.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-nav{display:none;position:fixed;top:92px;left:0;right:0;background:#fff;box-shadow:0 5px 15px #0000001a;z-index:999;transform:translateY(-100%);opacity:0;transition:all .3s ease}.mobile-nav.active{transform:translateY(0);opacity:1}.mobile-nav-list{list-style:none;margin:0;padding:1rem 0}.mobile-nav-list li{border-bottom:1px solid #eee}.mobile-nav-list a{display:block;padding:1rem 20px;color:var(--dark);font-weight:500;transition:all .3s ease}.mobile-nav-list a:hover{background:var(--light);color:var(--primary)}.site-footer{background:#62d2e3;color:#333;margin-top:auto}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;padding:4rem 20px}.footer-brand{max-width:300px}.footer-logo-wrapper{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.footer-logo{height:50px;width:auto;border-radius:8px}.footer-company-name{display:flex;flex-direction:column;line-height:1.2}.footer-company-name .cn{font-weight:700;font-size:1.2rem;color:#fff}.footer-company-name .en{font-weight:600;font-size:.8rem;color:#f4b41a}.footer-brand p{line-height:1.8;color:#333}.footer-links h4,.footer-contact h4{color:#111;font-size:1.1rem;margin-bottom:1.5rem;position:relative;padding-bottom:.8rem}.footer-links h4:after,.footer-contact h4:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:var(--secondary)}.footer-links ul{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:.8rem}.footer-links a{color:#333;transition:color .3s ease}.footer-links a:hover{color:#fff}.footer-contact p{margin:0 0 .8rem;color:#333}.footer-bottom{background:#51c1d2;padding:1.5rem 0;text-align:center}.footer-bottom p{margin:0;font-size:.9rem;color:#222}@media(max-width:768px){.main-nav{display:none}.mobile-menu-btn{display:flex}.mobile-nav{display:block}.footer-content{grid-template-columns:1fr;gap:2rem;padding:3rem 20px}.footer-brand{max-width:100%}}