:root{--on-error: #fff7f6;--primary-fixed: #d2e9ce;--on-primary: #e9ffe4;--on-secondary-fixed: #433f35;--inverse-surface: #0d0f0d;--surface-container: #eceeea;--on-secondary-fixed-variant: #605b50;--tertiary-fixed-dim: #efd6bb;--tertiary-dim: #62503b;--on-secondary-container: #565146;--tertiary: #6e5c46;--tertiary-container: #fee4c8;--outline-variant: #afb3af;--on-background: #2f3330;--surface-variant: #e0e3df;--error-container: #fd795a;--surface: #f9f9f6;--primary-dim: #455843;--on-surface: #2f3330;--surface-container-highest: #e0e3df;--on-tertiary-fixed: #50402c;--on-tertiary: #fff7f3;--on-primary-container: #435742;--inverse-on-surface: #9c9d9b;--secondary: #645e53;--on-surface-variant: #5c605d;--primary: #50644f;--background: #f9f9f6;--on-primary-fixed-variant: #4d614b;--secondary-dim: #585348;--primary-container: #d2e9ce;--secondary-fixed-dim: #dcd3c5;--surface-tint: #50644f;--surface-container-lowest: #ffffff;--on-tertiary-container: #64523d;--on-error-container: #6e1400;--secondary-fixed: #eae1d3;--surface-container-low: #f3f4f0;--on-secondary: #fff8ef;--inverse-primary: #e6fde1;--error-dim: #791903;--outline: #777c78;--surface-container-high: #e6e9e5;--primary-fixed-dim: #c4dbc0;--surface-dim: #d7dbd6;--on-primary-fixed: #314431;--on-tertiary-fixed-variant: #6e5c46;--tertiary-fixed: #fee4c8;--surface-bright: #f9f9f6;--error: #a73b21;--secondary-container: #eae1d3}*{box-sizing:border-box}body{margin:0;font-family:Inter,Noto Sans TC,sans-serif;color:var(--on-background);background:var(--background)}h1,h2,h3,h4{font-family:Manrope,Noto Sans TC,sans-serif;margin:0}.container{width:min(1280px,94vw);margin-inline:auto}.page-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--surface-container-low) 92%,white 8%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid color-mix(in srgb,var(--outline-variant) 30%,transparent)}.nav-row{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;gap:.75rem}.brand-btn{border:0;background:transparent;cursor:pointer;font-family:Manrope,Noto Sans TC,sans-serif;font-weight:700;font-size:1.25rem;color:#0f2410}.nav-links{display:flex;align-items:center;gap:.4rem}.desktop-actions{display:flex;align-items:center;gap:.35rem}.mobile-header-actions{display:none;align-items:center;gap:.25rem}.link-btn,.text-btn{border:0;background:transparent;color:var(--on-surface-variant);cursor:pointer;padding:.45rem .7rem;border-radius:.4rem;font-size:.9rem}.link-btn:hover,.text-btn:hover{background:var(--surface-container-high);color:var(--primary)}.link-btn.is-active{color:var(--primary);background:color-mix(in srgb,var(--primary-container) 45%,transparent);font-weight:600}.icon-action-btn{border:0;background:transparent;color:var(--on-surface-variant);cursor:pointer;padding:.42rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.icon-action-btn:hover{background:var(--surface-container-high);color:var(--primary)}.mobile-menu-btn{border:0;background:transparent;color:var(--on-surface);cursor:pointer;padding:.35rem}.mobile-menu{display:none;border-top:1px solid color-mix(in srgb,var(--outline-variant) 30%,transparent);background:color-mix(in srgb,var(--surface-container-low) 95%,white 5%)}.mobile-menu-panel{display:grid;gap:.4rem;padding:.7rem 0 1rem}.mobile-menu-panel .link-btn,.mobile-lang-btn{text-align:left}.btn{border:0;border-radius:.2rem;cursor:pointer;padding:.8rem 1rem;font-weight:600}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-secondary{background:var(--surface-container-low);color:var(--on-surface)}.btn-outline{border:1px solid var(--outline);background:transparent;color:var(--on-surface)}.btn-block{width:100%}.section{padding-block:2rem}.top-banner-wrap{padding:.75rem 0;background:var(--surface-container-low);border-bottom:1px solid color-mix(in srgb,var(--outline-variant) 28%,transparent)}.top-banner-track{width:min(1280px,94vw);margin-inline:auto;display:flex;gap:.8rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.2rem}.top-banner-track::-webkit-scrollbar{height:6px}.top-banner-track::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--outline) 42%,transparent);border-radius:999px}.top-banner-card{flex:0 0 100%;scroll-snap-align:start;border-radius:.35rem;overflow:hidden;background:var(--surface-container-high);border:1px solid color-mix(in srgb,var(--outline-variant) 35%,transparent)}.top-banner-card img{width:100%;height:220px;object-fit:cover;display:block}.page-transition{animation-duration:.32s;animation-timing-function:ease;animation-fill-mode:both}.slide-from-right{animation-name:slideFromRight}.slide-from-left{animation-name:slideFromLeft}.muted{color:var(--on-surface-variant)}.hero-banner{position:relative;min-height:62vh}.hero-banner img{width:100%;height:62vh;object-fit:cover;display:block}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#f9f9f6b8,#f9f9f638);display:grid;align-items:center}.hero-overlay h1{font-size:clamp(2rem,4vw,4.8rem);margin-bottom:.8rem}.hero-overlay p{max-width:560px;margin:0 0 1.2rem}.btn-row{display:flex;flex-wrap:wrap;gap:.65rem}.products-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}.products-grid-large{grid-template-columns:repeat(1,minmax(0,1fr))}.product-card{background:var(--surface-container-lowest);overflow:hidden;border:1px solid color-mix(in srgb,var(--outline-variant) 36%,transparent)}.product-card img{width:100%;aspect-ratio:4 / 5;object-fit:cover;display:block}.product-meta{padding:.9rem}.product-title-row{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.product-title-row h3{font-size:1.05rem}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-block:1rem}.chip{font-size:.8rem;padding:.35rem .8rem;border-radius:999px;background:var(--surface-container-low);color:var(--on-surface-variant)}.chip-active{color:var(--on-primary);background:var(--primary)}.admin-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}.admin-card{background:var(--surface-container-lowest);border:1px solid color-mix(in srgb,var(--outline-variant) 35%,transparent);padding:1rem}.admin-card p{margin:.5rem 0 0;font-size:1.4rem;font-weight:700}.login-main{padding-block:1.2rem 2rem}.hero{position:relative;flex:1;display:grid;place-items:center;padding:2rem 0}.blob{position:absolute;border-radius:100%;filter:blur(90px);pointer-events:none}.blob-top{top:-10%;right:-6%;width:20rem;height:20rem;background:color-mix(in srgb,var(--primary-container) 36%,transparent)}.blob-bottom{bottom:-6%;left:-4%;width:16rem;height:16rem;background:color-mix(in srgb,var(--tertiary-container) 24%,transparent)}.auth-card{display:grid;grid-template-columns:1fr;background:var(--surface-container-lowest);box-shadow:0 8px 28px #0000000f;overflow:hidden}.left-panel{display:none;position:relative;min-height:600px}.left-panel img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.left-copy{position:absolute;inset-inline:3rem;bottom:3rem;color:#fff}.headline-quote{font-family:Manrope,Noto Sans TC,sans-serif;font-size:2rem;font-weight:300;line-height:1.3}.caption{text-transform:uppercase;letter-spacing:.2em;font-size:.7rem;opacity:.85}.right-panel{padding:2rem}.right-panel h1{margin:0 0 .3rem;font-family:Manrope,Noto Sans TC,sans-serif;font-size:2rem}.right-panel p{margin:0;color:var(--on-surface-variant)}.google-btn,.submit-btn,.otp-row button{border:0;cursor:pointer}.google-btn{width:100%;margin-top:1.5rem;padding:.8rem 1rem;background:var(--surface-container-low)}.divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.8rem;margin:1.2rem 0}.divider span{height:1px;background:var(--surface-variant)}.divider p{text-transform:uppercase;letter-spacing:.12em;font-size:.65rem}.form-grid{display:grid;gap:1rem}label{display:grid;gap:.35rem;text-transform:uppercase;letter-spacing:.1em;font-size:.66rem;color:var(--on-surface-variant)}input,select{border:0;padding:.75rem;font-size:.9rem;background:var(--surface-container-low);color:var(--on-surface)}.phone-row,.otp-row{display:grid;grid-template-columns:120px 1fr;gap:.5rem}.otp-row{grid-template-columns:1fr auto}.otp-row button{background:#fff;color:var(--primary);padding-inline:.8rem}.submit-btn{background:var(--primary);color:var(--on-primary);padding:1rem;text-transform:uppercase;letter-spacing:.18em;font-family:Manrope,Noto Sans TC,sans-serif;font-weight:700}.legal{margin-top:1.2rem;font-size:.74rem;text-align:center}.site-footer{background:#052008;color:#fff;margin-top:auto}.footer-grid{display:grid;gap:2rem;padding:3rem 0;grid-template-columns:repeat(1,1fr)}.footer-grid h3,.footer-grid h4{margin:0 0 .7rem;font-family:Manrope,Noto Sans TC,sans-serif}.footer-grid a,.footer-grid p{display:block;margin:0 0 .5rem;color:color-mix(in srgb,white 74%,transparent);text-decoration:none}.footer-note{align-self:end}@keyframes slideFromRight{0%{opacity:.45;transform:translate(36px)}to{opacity:1;transform:translate(0)}}@keyframes slideFromLeft{0%{opacity:.45;transform:translate(-36px)}to{opacity:1;transform:translate(0)}}@keyframes whatsappFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes whatsappPulse{0%,to{box-shadow:0 4px 14px #25d36673}50%{box-shadow:0 6px 22px #25d366a6}}.whatsapp-float{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:45;pointer-events:none}.whatsapp-float__link{pointer-events:auto;display:flex;align-items:flex-end;flex-direction:row-reverse;gap:.55rem;text-decoration:none;animation:whatsappFloat 2.8s ease-in-out infinite}.whatsapp-float__bubble{max-width:min(200px,52vw);padding:.55rem .75rem;font-size:.78rem;line-height:1.35;color:var(--on-surface);background:var(--surface-container-lowest);border:1px solid color-mix(in srgb,var(--outline-variant) 45%,transparent);border-radius:.75rem;box-shadow:0 6px 20px #0000001a;position:relative}.whatsapp-float__bubble:after{content:"";position:absolute;right:-6px;bottom:14px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:7px solid var(--surface-container-lowest);filter:drop-shadow(1px 0 0 color-mix(in srgb,var(--outline-variant) 45%,transparent))}.whatsapp-float__btn{flex-shrink:0;width:3.35rem;height:3.35rem;border-radius:50%;background:#25d366;color:#fff;display:inline-flex;align-items:center;justify-content:center;animation:whatsappPulse 2s ease-in-out infinite}.whatsapp-float__icon{display:block}.whatsapp-float__link:hover .whatsapp-float__btn,.whatsapp-float__link:focus-visible .whatsapp-float__btn{filter:brightness(1.06)}.whatsapp-float__link:focus-visible{outline:2px solid var(--primary);outline-offset:4px;border-radius:999px}@media (max-width: 767px){.nav-links,.desktop-actions{display:none}.mobile-header-actions{display:inline-flex}.mobile-menu-btn{display:inline-flex;align-items:center;justify-content:center}.mobile-menu.is-open{display:block}.hero-banner,.hero-banner img{height:56vh;min-height:56vh}.right-panel{padding:1.2rem}.phone-row{grid-template-columns:1fr}.top-banner-card img{height:148px}.whatsapp-float__link{flex-direction:column;align-items:flex-end}.whatsapp-float__bubble{max-width:70vw}.whatsapp-float__bubble:after{right:18px;bottom:-6px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid var(--surface-container-lowest);border-bottom:0;filter:drop-shadow(0 1px 0 color-mix(in srgb,var(--outline-variant) 45%,transparent))}}@media (prefers-reduced-motion: reduce){.page-transition,.whatsapp-float__link,.whatsapp-float__btn{animation:none}}@media (min-width: 1024px){.auth-card{grid-template-columns:1fr 1fr}.left-panel{display:block}.right-panel{padding:4rem}.footer-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width: 768px){.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.products-grid-large{grid-template-columns:repeat(3,minmax(0,1fr))}}