:root{--g950:#0d281e;--g900:#123527;--g800:#184734;--g700:#246044;--g100:#e9f2ec;--cream:#f7f3e9;--gold:#c9a756;--gold2:#ead9a5;--ink:#18231d;--muted:#5f6d65;--white:#fff;--shadow:0 16px 42px rgba(13,40,30,.13);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;line-height:1.75;-webkit-text-size-adjust:100%}img{display:block;max-width:100%;height:auto}a{color:inherit}.container{width:min(1120px,calc(100% - 40px));margin:auto}.topbar{color:#f4ead0;background:var(--g950);font-size:.9rem}.topbar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar p{margin:0}.topbar a{color:#fff;font-weight:800;text-decoration:none}.site-header{position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(18,53,39,.1);background:rgba(255,255,255,.95);backdrop-filter:blur(14px)}.nav-wrap{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:10px;color:var(--g950);font-size:1.22rem;font-weight:900;letter-spacing:.05em;text-decoration:none;white-space:nowrap}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(145deg,#2c704f,#123527);box-shadow:0 7px 18px rgba(18,53,39,.22)}.nav-toggle{display:none;width:44px;height:44px;border:0;border-radius:10px;color:#fff;background:var(--g800);font-size:1.4rem;cursor:pointer}.nav-list{display:flex;align-items:center;gap:19px;margin:0;padding:0;list-style:none}.nav-list a{color:#25372d;font-weight:700;text-decoration:none}.nav-list a:hover,.nav-list a[aria-current="page"]{color:var(--g700)}.nav-call{padding:8px 16px!important;border-radius:999px;color:#fff!important;background:var(--g800)}.page-hero{position:relative;overflow:hidden;min-height:430px;display:grid;place-items:center;color:#fff;background:var(--g900);isolation:isolate}.page-hero>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover}.page-hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(5,25,16,.88),rgba(5,25,16,.38))}.hero-copy{width:min(1120px,calc(100% - 40px));padding:55px 0}.breadcrumb{margin:0 0 13px;color:#e5d59e;font-size:.92rem}.breadcrumb a{text-decoration:none}.page-hero h1{max-width:760px;margin:0;font-size:clamp(2.2rem,6vw,4.6rem);line-height:1.15;letter-spacing:.06em}.page-hero p{max-width:660px;margin:18px 0 24px;color:#e3ece6;font-size:1.08rem}.btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:1px solid transparent;border-radius:999px;font-weight:800;text-decoration:none}.btn-primary{color:var(--g950);background:var(--gold2)}.btn-outline{margin-left:8px;color:#fff;border-color:rgba(255,255,255,.68);background:rgba(8,31,21,.45)}.intro{padding:70px 0}.intro-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.eyebrow{margin:0 0 8px;color:var(--g700);font-size:.82rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.section-title{margin:0;color:var(--g950);font-size:clamp(1.7rem,4vw,2.55rem);line-height:1.3}.intro p{color:var(--muted)}.quick-card{padding:28px;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.quick-card h2{margin:0 0 12px;color:var(--g800);font-size:1.28rem}.quick-card ul{margin:0;padding-left:1.25em}.notice{margin-top:18px;padding:13px 15px;border-left:4px solid var(--gold);color:#5b4a23;background:#fff9e9}.video-section{padding:0 0 70px}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.video-grid.one{grid-template-columns:1fr}.video-card{overflow:hidden;border:7px solid #fff;border-radius:20px;background:#000;box-shadow:var(--shadow)}.video-ratio{position:relative;aspect-ratio:16/9}.video-ratio iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.gallery-section{padding:74px 0;background:var(--g100)}.section-head{text-align:center;margin-bottom:32px}.section-head p{max-width:720px;margin:12px auto 0;color:var(--muted)}.photo-list{width:min(860px,100%);display:grid;gap:24px;margin:auto}.photo{overflow:hidden;margin:0;border:8px solid #fff;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(13,40,30,.1)}.photo img{width:100%;height:auto}.other-products{padding:74px 0}.product-links{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px}.product-links a{padding:18px;border:1px solid rgba(18,53,39,.12);border-radius:15px;color:var(--g800);background:#fff;font-weight:800;text-align:center;text-decoration:none}.product-links a:hover{color:#fff;background:var(--g800)}.contact{padding:72px 0;color:#eff7f1;background:var(--g900)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.contact h2{color:#fff}.contact p{color:#d7e6dc}.contact-list{margin:22px 0;padding:0;list-style:none}.contact-list li{margin:8px 0}.contact-list a{color:#fff;font-weight:800}.map{overflow:hidden;min-height:400px;border:6px solid rgba(255,255,255,.12);border-radius:var(--radius)}.map iframe{display:block;width:100%;height:100%;min-height:400px;border:0}.site-footer{padding:33px 0 94px;color:#cfe0d5;background:#0a2118;text-align:center}.site-footer p{margin:4px 0}.site-footer a{color:#fff}.footer-credit{margin-top:14px!important;padding-top:14px;border-top:1px solid rgba(255,255,255,.14);color:#aebfb4;font-size:.92rem}.footer-credit a{color:var(--gold2);font-weight:800;text-decoration:none}.mobile-bar{display:none}@media(max-width:900px){.nav-toggle{display:grid;place-items:center}.nav-list{position:absolute;top:74px;left:0;right:0;display:none;padding:15px 20px 22px;flex-direction:column;align-items:stretch;gap:3px;background:#fff;box-shadow:0 18px 28px rgba(13,40,30,.12)}.nav-list.open{display:flex}.nav-list a{display:block;padding:9px}.nav-call{text-align:center}.intro-grid,.contact-grid{grid-template-columns:1fr}.video-grid{grid-template-columns:1fr}}@media(max-width:640px){.container{width:calc(100% - 28px)}.topbar-inner{justify-content:center;text-align:center}.topbar p:first-child{display:none}.brand{font-size:1.04rem}.brand-mark{width:36px;height:36px}.page-hero{min-height:390px}.hero-copy{width:calc(100% - 28px)}.page-hero h1{font-size:2.45rem}.btn{padding-inline:15px}.btn-outline{margin-left:4px}.intro,.gallery-section,.other-products,.contact{padding:52px 0}.product-links{grid-template-columns:1fr 1fr}.photo{border-width:4px;border-radius:13px}.site-footer{padding-bottom:92px}.mobile-bar{position:fixed;z-index:1100;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:999px;box-shadow:0 10px 30px rgba(0,0,0,.27)}.mobile-bar a{padding:12px 8px;color:#fff;background:var(--g800);font-weight:900;text-align:center;text-decoration:none}.mobile-bar a+a{color:var(--g950);background:var(--gold2)}}