.header-decoration{background-color:var(--color-brand);box-shadow:var(--shadow-bar);align-items:center;height:100px;padding:0;display:flex}.header-decoration .container{flex-direction:row;justify-content:center;align-items:center;gap:20px;display:flex}.header-logo{width:auto;height:100px;display:block}@media (width<=480px){.header-decoration{height:60px}.header-logo{height:50px}}.navbar{background-color:var(--color-surface);box-shadow:var(--shadow-nav);z-index:1000;position:sticky;top:0}.navbar .container{flex-wrap:wrap;justify-content:center;align-items:center;padding:15px 20px;display:flex;position:relative}.nav-menu{gap:30px;list-style:none;display:flex}.nav-item{position:relative}.nav-link{color:var(--color-text);background-color:var(--color-soft);border-radius:var(--radius-pill);transition:all var(--transition);padding:10px 20px;font-size:1rem;text-decoration:none;display:block}.nav-link:hover,.nav-link:focus,.nav-link:active{color:var(--color-text);background-color:var(--color-brand);outline:none}@media (hover:none) and (pointer:coarse){.nav-link:active{background-color:var(--color-press);transform:scale(.98)}}.dropdown-menu{background-color:var(--color-surface);min-width:180px;box-shadow:var(--shadow-menu);border-radius:var(--radius-menu);list-style:none;display:none;position:absolute;top:100%;left:50%;overflow:visible;transform:translate(-50%)}.dropdown:hover .dropdown-menu{display:block}.dropdown-submenu{position:relative}.dropdown-submenu>a:after{content:" ▸";margin-left:5px;font-size:.8em}.dropdown-submenu-list{background-color:var(--color-surface);min-width:200px;box-shadow:var(--shadow-menu);border-radius:var(--radius-menu);z-index:1001;margin-left:2px;list-style:none;position:absolute;top:0;left:100%;overflow:visible;display:none!important}.dropdown-submenu-list .dropdown-submenu-list{z-index:1002}.dropdown-submenu:hover>.dropdown-submenu-list{display:block!important}@media (width>=769px){.dropdown:has(:focus-visible) .dropdown-menu{display:block}.dropdown-submenu:has(:focus-visible)>.dropdown-submenu-list{display:block!important}}.dropdown-menu li,.dropdown-submenu-list li{border-bottom:1px solid var(--color-divider)}.dropdown-menu li:last-child,.dropdown-submenu-list li:last-child{border-bottom:none}.dropdown-menu a,.dropdown-submenu-list a{color:var(--color-text);transition:background-color var(--transition);padding:12px 20px;text-decoration:none;display:block}.dropdown-menu a:hover,.dropdown-menu a:focus-visible,.dropdown-submenu-list a:hover,.dropdown-submenu-list a:focus-visible{background-color:var(--color-brand);color:var(--color-text);outline:none}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:44px;min-height:44px;padding:10px;display:none;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.nav-toggle span{background-color:var(--color-icon);width:25px;height:3px;transition:all var(--transition)}.nav-toggle.active span:first-child{transform:rotate(45deg)translate(5px,5px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg)translate(7px,-6px)}@media (width<=992px){.nav-menu{gap:20px}.nav-link{padding:10px 18px;font-size:.95rem}}@media (width<=768px){.nav-toggle{display:flex}.nav-menu{background-color:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;gap:0;padding:10px 0;display:none;position:absolute;top:100%;left:0;right:0}.nav-menu.active{display:flex}.nav-item{border-bottom:1px solid var(--color-divider)}.nav-link{border-radius:0;padding:15px 20px}.dropdown-menu a,.dropdown-submenu-list a{padding:15px 20px;font-size:1rem}.dropdown-menu{box-shadow:none;background-color:var(--color-menu-l1);border-radius:0;min-width:100%;display:none;position:static;left:auto;transform:none}.dropdown-menu li{background-color:var(--color-menu-l1-item)}.nav-item.dropdown.active .dropdown-menu{display:block}.dropdown-submenu-list{box-shadow:none;background-color:var(--color-menu-l2);border-radius:0;width:100%;min-width:100%;max-width:100%;margin-top:0;overflow:visible;margin-left:0!important;display:none!important;position:static!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important}.dropdown-submenu:hover>.dropdown-submenu-list{display:none!important}.dropdown-submenu.active>.dropdown-submenu-list{display:block!important}.dropdown-submenu-list li{background-color:var(--color-menu-l2-item);width:100%;padding-left:0}.dropdown-submenu-list a{padding-left:40px!important}.dropdown-submenu-list .dropdown-submenu-list{background-color:var(--color-menu-l3)}.dropdown-submenu-list .dropdown-submenu-list li{background-color:var(--color-menu-l3-item)}.dropdown-submenu-list .dropdown-submenu-list a{padding-left:60px!important}.dropdown-submenu>a:after{content:" ▾";float:right;margin-left:5px;font-size:.9em}.dropdown-submenu.active>a:after{content:" ▴"}}.footer-decoration{background-color:var(--color-brand);color:var(--color-text);text-align:center;margin-top:60px;padding:30px 0}.footer-decoration .container{grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;display:grid}.footer-logo{grid-column:2;width:auto;height:100px;display:block}.footer-text-left,.footer-text-right{text-align:center;margin:0;font-size:.9rem;font-weight:700}.footer-text-left{grid-column:1;line-height:1.5}.footer-text-right{grid-column:3}@media (width<=480px){.footer-decoration{padding:20px 0}.footer-decoration .container{grid-template-columns:1fr;gap:15px}.footer-logo{grid-column:1;height:60px;margin:0 auto}.footer-text-left{order:2;grid-column:1}.footer-text-right{order:3;grid-column:1}}:root{--color-brand:#ffe16a;--color-surface:#fffde7;--color-soft:#fff8cc;--color-press:#ffd54f;--color-text:#000;--color-icon:#333;--color-page:#fff;--color-divider:#f0f0f0;--color-menu-l1:#f9f9f9;--color-menu-l1-item:#fff;--color-menu-l2:#e8e8e8;--color-menu-l2-item:#f5f5f5;--color-menu-l3:#d8d8d8;--color-menu-l3-item:#e5e5e5;--font-body:"王漢宗特黑體", "HanWangHeiHeavy", "Microsoft JhengHei", "微軟正黑體", Arial, sans-serif;--radius-image:8px;--radius-menu:4px;--radius-pill:50px;--shadow-bar:0 2px 4px #0000001a;--shadow-nav:0 2px 8px #0000001a;--shadow-title:0 2px 4px #0000000d;--shadow-card:0 4px 8px #0000001a;--shadow-card-hover:0 8px 16px #0003;--shadow-menu:0 4px 8px #00000026;--shadow-video:0 4px 12px #0000001a;--shadow-heading:2px 2px 4px #0000004d;--container-max:1200px;--transition:.3s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background-color:var(--color-page);line-height:1.6}.container{max-width:var(--container-max);margin:0 auto;padding:0 20px}main{min-height:calc(100vh - 200px)}.text-center{text-align:center}.content-section{background-color:var(--color-soft);margin:0 0 40px;padding-bottom:40px}.section-title{background-color:var(--color-surface);box-shadow:var(--shadow-title);text-align:center;margin-bottom:0;padding:15px 0;scroll-margin-top:75px}.content-section:first-child .section-title:first-child{margin-top:60px}.section-title h2{text-align:center;color:var(--color-text);margin:0;font-size:1.8rem;font-weight:600}.section-content{min-height:400px;padding:30px 20px;font-size:1.1rem;line-height:1.8}.section-content p{margin-bottom:15px}.image-section{background-color:var(--color-page);justify-content:center;align-items:flex-end;width:100%;height:585px;margin-bottom:0;padding:0 0 30px;display:flex;overflow:hidden}.image-section img{width:100%;height:auto;display:block}.image-row{justify-content:space-between;gap:30px;margin-bottom:30px;display:flex}.image-item{flex:1}.image-item a{transition:transform var(--transition);display:block}.image-item a:hover{transform:scale(1.05)}.image-item img{border-radius:var(--radius-image);width:100%;height:auto;box-shadow:var(--shadow-card);transition:box-shadow var(--transition);display:block}.image-item a:hover img{box-shadow:var(--shadow-card-hover)}.image-caption{text-align:center;margin-top:10px;margin-bottom:0;font-size:1.1rem;font-weight:700}@media (width<=992px){.container{max-width:100%;padding:0 30px}.image-row{gap:25px}}@media (width<=768px){.container{padding:0 15px}.section-title h2{font-size:1.5rem}.section-content{font-size:1rem}.image-row{flex-wrap:wrap;gap:20px}.image-row .image-item{flex:calc(50% - 10px);min-width:200px}}@media (width<=480px){.section-title h2{font-size:1.3rem}.section-content{min-height:200px;padding:20px 15px;font-size:.95rem}.image-section{height:auto;min-height:200px;padding:20px 0}.image-row{flex-direction:column;gap:20px}}