:root{--color-white: #FFFFFF;--color-cream: #FDF8F5;--color-pink-light: #FEF0F0;--color-pink: #F5D5D5;--color-pink-dark: #D4A5A5;--color-rose: #C9A9A6;--color-gold: #C9A962;--color-gold-light: #E8D5A3;--color-gold-dark: #A68B4B;--color-text: #5A4A42;--color-text-light: #8B7B73;--font-display: "Cormorant Garamond", "Noto Serif TC", serif;--font-body: "Noto Serif TC", serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-xl: 24px;--shadow-soft: 0 4px 20px rgba(201, 169, 98, .1);--shadow-card: 0 8px 32px rgba(90, 74, 66, .08);--shadow-hover: 0 12px 40px rgba(201, 169, 98, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-cream);line-height:1.8;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}a{text-decoration:none;color:inherit;transition:color .3s ease}.video-toggle-btn{position:fixed;top:100px;left:20px;z-index:900;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--color-gold);border-radius:var(--radius-xl);color:var(--color-text);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.video-toggle-btn:hover{background:var(--color-gold);color:var(--color-white);transform:translateY(-2px)}.video-toggle-icon{font-size:.8rem}.header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(201,169,98,.1)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:80px}.logo{display:flex;align-items:center;gap:var(--spacing-xs)}.logo-icon{font-size:1.6rem;color:var(--color-gold)}.logo-text{font-family:var(--font-display);font-size:1.35rem;font-weight:600;letter-spacing:.05em}.nav{display:flex;gap:var(--spacing-md)}.nav a{font-size:.9rem;color:var(--color-text-light);padding:var(--spacing-xs) 0;position:relative}.nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-gold);transition:width .3s ease}.nav a:hover{color:var(--color-gold-dark)}.nav a:hover:after{width:100%}.nav-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-dropdown-container{position:relative;display:flex;align-items:center;height:100%}.nav-dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);min-width:160px;padding:.5rem 0;opacity:0;visibility:hidden;transition:all .3s ease;z-index:100}.nav-dropdown-container:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.nav .nav-dropdown-menu a{display:block;padding:.75rem 1rem;font-size:.9rem;color:var(--color-text);white-space:nowrap;text-align:center}.nav .nav-dropdown-menu a:after{display:none}.nav .nav-dropdown-menu a:hover{background:var(--color-cream);color:var(--color-gold-dark)}.nav a.nav-activity-link{color:#d9534f;font-weight:600}.nav a.nav-activity-link:hover{color:#c9302c}.nav a.nav-activity-link:after{background:#d9534f}.cart-btn,.user-btn{display:flex;align-items:center;gap:.4rem;background:none;border:none;cursor:pointer;color:var(--color-text);padding:.5rem;transition:color .3s ease}.cart-btn:hover,.user-btn:hover{color:var(--color-gold)}.cart-btn{position:relative}.cart-count{position:absolute;top:0;right:-2px;background:var(--color-gold);color:#fff;font-size:.7rem;font-weight:600;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}.cart-count:empty,.cart-count[data-count="0"]{display:none}.user-name{font-size:.9rem;font-weight:500}.user-menu{position:relative}.user-dropdown{position:absolute;top:100%;right:0;background:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-card);min-width:150px;padding:.5rem 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;z-index:100}.user-menu:hover .user-dropdown,.user-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:block;padding:.75rem 1rem;font-size:.875rem;color:var(--color-text);transition:background .2s}.dropdown-item:hover{background:var(--color-cream);color:var(--color-gold-dark)}.btn{display:inline-block;padding:.875rem 2rem;font-family:var(--font-body);font-size:.9rem;font-weight:600;letter-spacing:.1em;border-radius:var(--radius-xl);cursor:pointer;transition:all .3s ease;border:none}.btn-primary{background:linear-gradient(135deg,var(--color-gold) 0%,var(--color-gold-dark) 100%);color:var(--color-white);box-shadow:0 4px 15px #c9a9624d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c9a96266}.btn-secondary{background:transparent;color:var(--color-gold-dark);border:2px solid var(--color-gold)}.btn-secondary:hover{background:var(--color-gold);color:var(--color-white)}.btn-sm{padding:.25rem .75rem;font-size:.85rem;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;gap:.25rem}.btn-outline{background:transparent;border:1px solid var(--color-gold);color:var(--color-gold-dark);transition:all .2s}.btn-outline:hover{background:var(--color-gold);color:var(--color-white)}.hero{max-width:1200px;margin:0 auto;padding:var(--spacing-md);padding-top:calc(80px + var(--spacing-md))}.hero-bg{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-cream) url(/assets/Hero_Banner-D6Jk6yjD.webp) center bottom / cover no-repeat;box-shadow:var(--shadow-card)}.hero-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 70%;z-index:0}.section-video{width:100%;height:100%;object-fit:cover;display:block}.hero-content{position:absolute;right:8%;bottom:8%;text-align:center;z-index:1}.hero-tagline{font-family:var(--font-body);font-size:1rem;color:var(--color-gold);font-weight:700;letter-spacing:.15em;margin-bottom:var(--spacing-sm)}.section-header{text-align:center;margin-bottom:var(--spacing-lg)}.section-tag{display:inline-block;font-size:.85rem;color:var(--color-gold);letter-spacing:.2em;text-transform:uppercase;margin-bottom:var(--spacing-xs)}.section-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;letter-spacing:.05em}.section-divider{width:60px;height:2px;background:linear-gradient(90deg,transparent,var(--color-gold),transparent);margin:var(--spacing-sm) auto var(--spacing-sm)}.products{padding:var(--spacing-xl) 0;background:var(--color-white)}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:var(--spacing-md);justify-content:center;max-width:1140px;margin:0 auto}.products-grid .product-card{max-width:380px}.product-card{position:relative;background:var(--color-cream);border-radius:var(--radius-lg);padding:var(--spacing-md);text-align:center;transition:all .4s ease;border:1px solid rgba(201,169,98,.1);overflow:visible}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover)}.product-card.featured{background:linear-gradient(135deg,var(--color-pink-light) 0%,var(--color-cream) 100%);border-color:var(--color-gold-light)}.product-card-empty{background:transparent;border:2px dashed rgba(201,169,98,.2);min-height:350px;pointer-events:none}.product-card-empty:hover{transform:none;box-shadow:none}.product-badge{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:var(--color-gold);color:var(--color-white);font-size:.75rem;padding:.25rem .75rem;border-radius:var(--radius-xl);z-index:20;box-shadow:0 2px 4px #0000001a}.product-badges-container{margin-bottom:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.badge{display:inline-block;padding:4px 10px;border-radius:4px;font-size:.85rem;font-weight:500;color:#fff;letter-spacing:.05em}.badge-frozen{background-color:#81d4fa;color:#01579b;border:1px solid #4FC3F7}.badge-normal{background-color:#ffe082;color:#ff6f00;border:1px solid #FFD54F}.shipping-hint{font-size:.85rem;color:#8d6e63;margin-left:4px}.product-image{aspect-ratio:1;background:var(--color-white);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;border:1px solid rgba(201,169,98,.1);position:relative;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;border-radius:var(--radius-md)}.product-card:hover .product-image img{transform:scale(1.05)}.product-name{font-family:var(--font-display);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-xs)}.product-desc{font-size:.875rem;color:var(--color-text-light);margin-bottom:var(--spacing-xs)}.product-price{display:block;font-size:1rem;font-weight:600;color:var(--color-gold-dark);margin-bottom:2px}.product-original-price{display:block;font-size:.85rem;color:#999;text-decoration:line-through;text-decoration-color:red;-webkit-text-decoration-color:#ff0000;margin-bottom:var(--spacing-sm)}.btn-add-cart{width:100%;padding:.6rem 1rem;background:var(--color-gold);color:#fff;border:none;border-radius:var(--radius-md);font-size:.9rem;cursor:pointer;transition:all .3s}.btn-add-cart:hover{background:var(--color-gold-dark);transform:translateY(-2px)}.about{position:relative;padding:var(--spacing-xl) 0;overflow:hidden}.about-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--color-pink-light) 0%,var(--color-cream) 50%,rgba(232,213,163,.2) 100%);z-index:-1}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:start}.about-image{aspect-ratio:4/5;background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.about-image img{width:100%;height:100%;object-fit:cover}.about-content{padding:var(--spacing-md)}.about-title{font-family:var(--font-display);font-size:2rem;font-weight:400;line-height:1.3;margin-bottom:5rem;color:var(--color-text)}.about-text{font-size:1rem;color:var(--color-text-light);margin-bottom:var(--spacing-md);line-height:4;letter-spacing:.2em}.features{padding:var(--spacing-lg) 0;background:var(--color-white)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md)}.feature-item{text-align:center;padding:var(--spacing-md)}.feature-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.feature-item h3{font-family:var(--font-display);font-size:1.125rem;margin-bottom:var(--spacing-xs);color:var(--color-text)}.feature-item p{font-size:.875rem;color:var(--color-text-light)}.testimonials{padding:var(--spacing-xl) 0;background:var(--color-white)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.testimonial-card{background:var(--color-cream);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;gap:var(--spacing-sm);align-items:flex-start;box-shadow:var(--shadow-soft)}.testimonial-avatar{width:50px;height:50px;border-radius:50%;background:var(--color-pink-light);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.testimonial-text{font-size:.9rem;color:var(--color-text);line-height:1.8;margin-bottom:var(--spacing-xs)}.testimonial-author{font-size:.85rem;color:var(--color-gold-dark)}.contact{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,var(--color-pink-light) 0%,var(--color-cream) 100%)}.contact-inner{text-align:center;max-width:600px;margin:0 auto}.contact-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:var(--spacing-sm)}.contact-desc{color:var(--color-text-light);margin-bottom:var(--spacing-md)}.contact-info{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.contact-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.9rem}.contact-icon{font-size:1.25rem}.footer{background:var(--color-text);color:var(--color-white);padding:var(--spacing-lg) 0 var(--spacing-md)}.footer-inner{text-align:center}.footer-brand{margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.footer-brand .footer-icon{width:50px;height:50px}.footer-brand .logo-text{color:var(--color-white)}.footer-nav{display:flex;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.footer-nav a{color:#ffffffb3;font-size:.875rem}.footer-nav a:hover{color:var(--color-gold-light)}.footer-social{display:flex;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.social-link{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s}.social-link img{width:32px;height:32px;object-fit:contain}.social-link:hover{transform:scale(1.1);opacity:.8}.footer-legal{display:flex;justify-content:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);font-size:.8rem}.footer-legal a{color:#fff9}.footer-legal a:hover{color:var(--color-gold-light)}.footer-legal span{color:#ffffff4d}.footer-copy{font-size:.8rem;color:#ffffff80}.cart-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(100px);background:var(--color-text);color:#fff;padding:.75rem 1.5rem;border-radius:var(--radius-lg);font-size:.9rem;z-index:9999;opacity:0;transition:all .3s ease}.cart-toast.show{transform:translate(-50%) translateY(0);opacity:1}@media(max-width:768px){.nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--color-white);flex-direction:column;padding:var(--spacing-md);box-shadow:var(--shadow-card)}.nav.active{display:flex}.nav-toggle{display:block}.header-actions{gap:.5rem}.user-name{display:none}.hero{padding:var(--spacing-sm);padding-top:calc(80px + var(--spacing-sm))}.hero-content{right:5%;bottom:5%}.hero-tagline{font-size:.85rem}.hero-video{object-position:center center}.about-inner{grid-template-columns:1fr}.about-image{order:-1}.hero-fullscreen .hero-content{position:static;text-align:center;transform:none}.story-grid{grid-template-columns:1fr}.philosophy-grid{grid-template-columns:1fr 1fr}}.hero-fullscreen{min-height:100vh;padding:0;max-width:none;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-cream)}.hero-fullscreen .hero-bg{height:100vh;min-height:auto;width:100%;max-width:1280px;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);display:flex;align-items:center;justify-content:center;padding-left:0;position:relative;background:var(--color-cream) url(/assets/Hero_Banner-D6Jk6yjD.webp) center center / cover no-repeat;margin:0 auto}body.has-promo-banner .hero-fullscreen{min-height:calc(100vh - 40px)}body.has-promo-banner .hero-fullscreen .hero-bg{height:calc(100vh - 40px)}.hero-overlay{display:none}.hero-centered{position:absolute;bottom:10%;left:0;right:0;text-align:center;z-index:1;max-width:100%;padding:0 var(--spacing-md);text-shadow:0 2px 4px rgba(0,0,0,.3)}.hero-centered .hero-title,.hero-centered .hero-subtitle,.hero-centered .hero-description{color:var(--color-white)}.hero-centered .hero-tagline{color:var(--color-gold-light)}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:64px;height:64px;border:none;border-radius:0;display:block;padding-top:0;opacity:1;cursor:pointer;z-index:10}.scroll-indicator:hover{opacity:1;box-shadow:none}.scroll-indicator span{display:block;width:28px;height:28px;border-bottom:4px solid #00ff88;border-right:4px solid #00ff88;transform:rotate(45deg);margin:-10px auto;animation:scrollDown 2s infinite;filter:drop-shadow(0 2px 6px rgba(0,255,136,.5))}.scroll-indicator span:nth-child(2){animation-delay:.2s}.scroll-indicator span:nth-child(3){animation-delay:.4s}@keyframes scrollDown{0%{opacity:0;transform:rotate(45deg) translate(-5px,-5px)}50%{opacity:1}to{opacity:0;transform:rotate(45deg) translate(5px,5px)}}.hero-subtitle{font-family:var(--font-display);font-size:1rem;color:var(--color-gold);letter-spacing:.3em;margin-bottom:1rem}.hero-title{font-family:var(--font-display);font-size:5rem;font-weight:600;color:var(--color-text);letter-spacing:.15em;margin-bottom:.5rem}.hero-fullscreen .hero-tagline{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--color-gold-dark);margin-bottom:1rem}.hero-description{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:2rem;letter-spacing:.5em;text-shadow:0 1px 2px rgba(255,255,255,.5)}.btn-hero{padding:1rem 3rem;font-size:1rem}.section-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.about-image{position:relative;aspect-ratio:4/5;background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.brand-story{padding:var(--spacing-xl) 0;background:var(--color-white)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);align-items:start}.story-image{position:relative;border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4/5;box-shadow:var(--shadow-card)}.story-image img{width:100%;height:100%;object-fit:cover;display:block}.story-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,rgba(201,169,98,.2),transparent);z-index:1}.story-content{padding:var(--spacing-md)}.story-title{font-family:var(--font-display);font-size:2rem;color:var(--color-text);margin-bottom:5rem}.story-text{font-size:1rem;line-height:3;color:var(--color-text-light);margin-bottom:1rem;letter-spacing:.2em}.story-signature{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--color-gold-light)}.signature-image{height:60px;width:auto;display:block;margin-top:1rem;opacity:.9}.philosophy{padding:var(--spacing-xl) 0;background:var(--color-cream)}.philosophy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-top:var(--spacing-lg)}.philosophy-item{text-align:center;padding:var(--spacing-md);background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);transition:transform .3s ease,box-shadow .3s ease}.philosophy-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.philosophy-icon{font-size:3rem;margin-bottom:1rem}.philosophy-item h3{font-family:var(--font-display);font-size:1.3rem;color:var(--color-text);margin-bottom:.5rem}.philosophy-item p{font-size:.95rem;color:var(--color-text-light);line-height:1.6}.section-subtitle{text-align:center;color:var(--color-text-light);margin-top:1rem}.products-cta{text-align:center;margin-top:var(--spacing-lg)}