@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";
.Navigation-module__Pj2Xoq__nav{z-index:1000;transition:all var(--transition-base);padding:var(--spacing-sm)0;background-color:#0000;position:fixed;top:0;left:0;right:0}.Navigation-module__Pj2Xoq__nav.Navigation-module__Pj2Xoq__scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);background-color:#fffffff2}.Navigation-module__Pj2Xoq__container{max-width:var(--container-max);padding:0 var(--container-padding);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.Navigation-module__Pj2Xoq__logo{z-index:1001;align-items:center;display:flex}.Navigation-module__Pj2Xoq__logo img{height:auto}.Navigation-module__Pj2Xoq__navLinks{gap:var(--spacing-md);margin:0;padding:0;list-style:none;display:flex}.Navigation-module__Pj2Xoq__navLinks a{font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-primary);transition:color var(--transition-fast);font-weight:500;position:relative}.Navigation-module__Pj2Xoq__nav.Navigation-module__Pj2Xoq__scrolled .Navigation-module__Pj2Xoq__navLinks a{color:var(--color-primary)}.Navigation-module__Pj2Xoq__navLinks a:after{content:"";background-color:var(--color-primary);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:-4px;left:0}.Navigation-module__Pj2Xoq__nav.Navigation-module__Pj2Xoq__scrolled .Navigation-module__Pj2Xoq__navLinks a:after{background-color:var(--color-primary)}.Navigation-module__Pj2Xoq__navLinks a:hover,.Navigation-module__Pj2Xoq__nav.Navigation-module__Pj2Xoq__scrolled .Navigation-module__Pj2Xoq__navLinks a:hover{color:var(--color-primary-dark)}.Navigation-module__Pj2Xoq__navLinks a:hover:after{width:100%}.Navigation-module__Pj2Xoq__ctaButton{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);border:none;padding:.75rem 1.5rem;font-weight:600}.Navigation-module__Pj2Xoq__ctaButton:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.Navigation-module__Pj2Xoq__mobileMenuButton{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;gap:5px;padding:.5rem;display:none}.Navigation-module__Pj2Xoq__mobileMenuButton span{background-color:var(--color-primary);width:25px;height:2px;transition:all var(--transition-base)}.Navigation-module__Pj2Xoq__nav.Navigation-module__Pj2Xoq__scrolled .Navigation-module__Pj2Xoq__mobileMenuButton span{background-color:var(--color-primary)}.Navigation-module__Pj2Xoq__mobileMenuButton span.Navigation-module__Pj2Xoq__open:first-child{transform:rotate(45deg)translate(7px,7px)}.Navigation-module__Pj2Xoq__mobileMenuButton span.Navigation-module__Pj2Xoq__open:nth-child(2){opacity:0}.Navigation-module__Pj2Xoq__mobileMenuButton span.Navigation-module__Pj2Xoq__open:nth-child(3){transform:rotate(-45deg)translate(7px,-7px)}.Navigation-module__Pj2Xoq__mobileMenu{background-color:var(--color-bg-light);transition:transform var(--transition-base);z-index:999;padding-top:80px;display:none;position:fixed;inset:0;transform:translate(100%)}.Navigation-module__Pj2Xoq__mobileMenu.Navigation-module__Pj2Xoq__mobileMenuOpen{transform:translate(0)}.Navigation-module__Pj2Xoq__mobileMenu ul{padding:var(--spacing-md);margin:0;list-style:none}.Navigation-module__Pj2Xoq__mobileMenu li{margin-bottom:var(--spacing-md)}.Navigation-module__Pj2Xoq__mobileMenu a{font-family:var(--font-sans);font-size:var(--text-lg);color:var(--color-text-primary);padding:var(--spacing-sm);transition:color var(--transition-fast);font-weight:500;display:block}.Navigation-module__Pj2Xoq__mobileMenu a:hover{color:var(--color-primary)}.Navigation-module__Pj2Xoq__mobileCtaButton{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);font-size:var(--text-base);cursor:pointer;margin-top:var(--spacing-sm);border:none;padding:1rem;font-weight:600}@media (max-width:768px){.Navigation-module__Pj2Xoq__navLinks,.Navigation-module__Pj2Xoq__ctaButton{display:none}.Navigation-module__Pj2Xoq__mobileMenuButton,.Navigation-module__Pj2Xoq__mobileMenu{display:flex}}
.Footer-module__EZoWya__footer{background-color:var(--color-bg-cream);padding:var(--spacing-xl)0 var(--spacing-md);margin-top:var(--spacing-2xl)}.Footer-module__EZoWya__container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.Footer-module__EZoWya__grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.Footer-module__EZoWya__brand{gap:var(--spacing-sm);flex-direction:column;display:flex}.Footer-module__EZoWya__slogan{font-family:var(--font-serif);font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--spacing-sm);line-height:1.8}.Footer-module__EZoWya__contact h4,.Footer-module__EZoWya__social h4{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:600}.Footer-module__EZoWya__contact p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm);line-height:1.6}.Footer-module__EZoWya__contact a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}.Footer-module__EZoWya__contact a:hover{color:var(--color-primary-dark)}.Footer-module__EZoWya__socialLinks{gap:var(--spacing-sm);display:flex}.Footer-module__EZoWya__socialLinks a{background-color:var(--color-primary);color:#fff;width:40px;height:40px;transition:all var(--transition-base);border-radius:50%;justify-content:center;align-items:center;display:flex}.Footer-module__EZoWya__socialLinks a:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-3px)}.Footer-module__EZoWya__copyright{text-align:center;padding-top:var(--spacing-md);border-top:1px solid var(--color-accent)}.Footer-module__EZoWya__copyright p{font-size:var(--text-xs);color:var(--color-text-light)}@media (max-width:768px){.Footer-module__EZoWya__grid{gap:var(--spacing-md);grid-template-columns:1fr}.Footer-module__EZoWya__brand,.Footer-module__EZoWya__contact,.Footer-module__EZoWya__social{text-align:center}.Footer-module__EZoWya__brand{align-items:center}.Footer-module__EZoWya__socialLinks{justify-content:center}}
:root{--color-primary:#8b6f47;--color-primary-light:#a68a64;--color-primary-dark:#6b5437;--color-bg-cream:#f5f1e8;--color-bg-light:#fafaf8;--color-bg-white:#fff;--color-text-primary:#2c2c2c;--color-text-secondary:#6b6b6b;--color-text-light:#9b9b9b;--color-accent:#d4c5b0;--color-accent-hover:#c4b5a0;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:6rem;--spacing-2xl:8rem;--font-serif:"Noto Serif TC",serif;--font-sans:"Noto Serif TC","Noto Sans TC",sans-serif;--font-en:"Inter",sans-serif;--text-xs:.875rem;--text-sm:1rem;--text-base:1.125rem;--text-lg:1.5rem;--text-xl:2rem;--text-2xl:2.5rem;--text-3xl:3rem;--text-4xl:4rem;--transition-fast:.2s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--container-max:1400px;--container-padding:var(--spacing-md)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text-primary);background-color:var(--color-bg-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.7}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);margin-bottom:var(--spacing-sm);color:var(--color-text-primary);font-weight:600;line-height:1.3}h1{font-size:var(--text-3xl);margin-bottom:var(--spacing-md)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--text-base)}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-dark)}.container{max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.section{padding:var(--spacing-xl)0}.section-lg{padding:var(--spacing-2xl)0}.btn{padding:var(--spacing-sm)var(--spacing-md);font-family:var(--font-sans);font-size:var(--text-sm);text-align:center;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);border:none;font-weight:500;text-decoration:none;display:inline-block}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover{background-color:var(--color-primary-dark);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary{color:var(--color-primary);border:2px solid var(--color-primary);background-color:#0000}.btn-secondary:hover{background-color:var(--color-primary);color:#fff}.btn-lg{padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--text-base)}.grid{gap:var(--spacing-md);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:var(--color-bg-white);border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}img{max-width:100%;height:auto;display:block}.img-cover{object-fit:cover;width:100%;height:100%}@media (max-width:768px){:root{--text-3xl:2rem;--text-2xl:1.75rem;--text-xl:1.5rem;--text-lg:1.25rem;--spacing-xl:3rem;--spacing-2xl:4rem;--container-padding:var(--spacing-sm)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}.text-center{text-align:center}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s ease-out fadeIn}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.slide-down{animation:.4s ease-out slideDown}
