:root{--color-base-text: var(--color-text-primary, 60, 45, 30);--color-base-background-1: var(--color-cream, 255, 250, 240);--color-base-accent-1: var(--color-warm-brown, 139, 90, 43);--color-base-accent-2: var(--color-gold, 212, 175, 55);--color-cream: 255, 250, 240;--color-cream-dark: 250, 240, 225;--color-warm-white: 255, 253, 250;--color-warm-brown: 139, 90, 43;--color-tan: 210, 180, 140;--color-cocoa: 101, 67, 33;--color-gold: 212, 175, 55;--color-gold-light: 244, 228, 158;--color-text-primary: 60, 45, 30;--color-text-secondary: 100, 80, 60;--color-text-muted: 140, 120, 100;--radius-btn: 12px;--radius-card: 16px;--shadow-card: 0 4px 20px rgba(101, 67, 33, .1);--shadow-card-hover: 0 10px 40px rgba(101, 67, 33, .15)}.theme-wrapper{font-family:var(--font-body-family),"Noto Sans TC",sans-serif;background-color:rgb(var(--color-cream));color:rgb(var(--color-text-primary))}.theme-wrapper .color-background-1{background-color:rgb(var(--color-cream));color:rgb(var(--color-text-primary))}.theme-wrapper header{background-color:rgba(var(--color-warm-white),.95);border-bottom:1px solid rgba(var(--color-tan),.3)}.theme-wrapper .logo-text{background:linear-gradient(135deg,rgb(var(--color-warm-brown)),rgb(var(--color-cocoa)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.theme-wrapper button.bg-pink-500,.theme-wrapper .btn-primary{background:linear-gradient(135deg,rgb(var(--color-warm-brown)),rgb(var(--color-cocoa)));border-radius:var(--radius-btn)}.theme-wrapper button.bg-pink-500:hover,.theme-wrapper .btn-primary:hover{background:linear-gradient(135deg,rgb(var(--color-cocoa)),rgb(var(--color-warm-brown)))}.theme-wrapper .text-pink-500{color:rgb(var(--color-warm-brown))}.theme-wrapper .text-pink-600{color:rgb(var(--color-cocoa))}.theme-wrapper .from-pink-500{--tw-gradient-from: rgb(var(--color-warm-brown))}.theme-wrapper .to-orange-500{--tw-gradient-to: rgb(var(--color-gold))}.theme-wrapper .from-pink-100{--tw-gradient-from: rgb(var(--color-cream-dark))}.theme-wrapper .to-orange-100{--tw-gradient-to: rgb(var(--color-gold-light))}.theme-wrapper .bg-white{background-color:rgb(var(--color-warm-white))}.theme-wrapper .bg-gray-50{background-color:rgb(var(--color-cream))}.theme-wrapper .bg-gray-100{background-color:rgb(var(--color-cream-dark))}.theme-wrapper .border-pink-500{border-color:rgb(var(--color-warm-brown))}.theme-wrapper .border-gray-200{border-color:rgba(var(--color-tan),.4)}.theme-wrapper .border-gray-300{border-color:rgba(var(--color-tan),.6)}.theme-wrapper .ring-pink-500{--tw-ring-color: rgba(var(--color-warm-brown), .5)}.theme-wrapper .focus\:ring-pink-500:focus{--tw-ring-color: rgba(var(--color-warm-brown), .5)}.theme-wrapper .accent-pink-500{accent-color:rgb(var(--color-warm-brown))}.theme-wrapper .bg-pink-50{background-color:rgba(var(--color-tan),.15)}.theme-wrapper .bg-pink-100{background-color:rgba(var(--color-tan),.25)}.theme-wrapper .bg-pink-200{background-color:rgba(var(--color-tan),.35)}.theme-wrapper .bg-pink-500{background:linear-gradient(135deg,rgb(var(--color-warm-brown)),rgb(var(--color-cocoa)))}.theme-wrapper .hover\:bg-pink-50:hover{background-color:rgba(var(--color-tan),.15)}.theme-wrapper .hover\:bg-pink-600:hover{background:linear-gradient(135deg,rgb(var(--color-cocoa)),rgb(var(--color-warm-brown)))}.theme-wrapper .text-pink-700{color:rgb(var(--color-cocoa))}.theme-wrapper .border-pink-200{border-color:rgba(var(--color-tan),.4)}.theme-wrapper .border-pink-300,.theme-wrapper .hover\:border-pink-300:hover{border-color:rgba(var(--color-tan),.6)}.theme-wrapper .hover\:border-pink-500:hover{border-color:rgb(var(--color-warm-brown))}.theme-wrapper .from-pink-50{--tw-gradient-from: rgba(var(--color-cream-dark), 1)}.theme-wrapper .to-pink-100{--tw-gradient-to: rgba(var(--color-tan), .2)}.theme-wrapper .from-purple-50{--tw-gradient-from: rgba(var(--color-cream), 1)}.theme-wrapper .to-purple-500{--tw-gradient-to: rgb(var(--color-cocoa))}.theme-wrapper .from-purple-100{--tw-gradient-from: rgba(var(--color-cream-dark), 1)}.theme-wrapper .hover\:text-pink-500:hover{color:rgb(var(--color-warm-brown))}.theme-wrapper .hover\:text-pink-600:hover,.theme-wrapper .hover\:text-pink-700:hover{color:rgb(var(--color-cocoa))}.theme-wrapper .group-hover\:text-pink-500{color:rgb(var(--color-warm-brown))}.theme-wrapper h1,.theme-wrapper h2,.theme-wrapper h3,.theme-wrapper h4,.theme-wrapper h5,.theme-wrapper h6{font-family:var(--font-heading-family),"Noto Serif TC",serif;color:rgb(var(--color-text-primary))}.theme-wrapper .product-card{background-color:rgb(var(--color-warm-white));border:1px solid rgba(var(--color-tan),.2);transition:all .3s ease;border-radius:var(--radius-card);box-shadow:var(--shadow-card)}.theme-wrapper .product-card:hover{box-shadow:var(--shadow-card-hover);border-color:rgba(var(--color-gold),.4)}.theme-wrapper footer{background:linear-gradient(180deg,rgb(var(--color-cocoa)),#3c2819)}.theme-wrapper .category-pill{background-color:rgba(var(--color-tan),.3);color:rgb(var(--color-cocoa));border:1px solid rgba(var(--color-tan),.5)}.theme-wrapper .category-pill.active,.theme-wrapper .category-pill:hover{background:linear-gradient(135deg,rgb(var(--color-warm-brown)),rgb(var(--color-cocoa)));color:#fff;border-color:transparent}.theme-wrapper .badge-new{background:linear-gradient(135deg,rgb(var(--color-gold)),rgb(var(--color-gold-light)));color:rgb(var(--color-cocoa))}.theme-wrapper .badge-hot{background:linear-gradient(135deg,#b43232,#c85050);color:#fff}.theme-wrapper .poetry-section{background-color:rgb(var(--color-cream));position:relative}.theme-wrapper .poetry-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:60px;height:2px;background:linear-gradient(90deg,transparent,rgb(var(--color-gold)),transparent)}.theme-wrapper .poetry-text{color:rgb(var(--color-cocoa));font-family:"Noto Serif TC",serif;letter-spacing:.1em;line-height:2.5}.theme-wrapper .hero-overlay{background:linear-gradient(to bottom,rgba(var(--color-cocoa),.3),transparent 40%,transparent 60%,rgba(var(--color-cocoa),.5))}.theme-wrapper .hero-title{text-shadow:2px 2px 20px rgba(0,0,0,.3);letter-spacing:.15em}.theme-wrapper .hero-subtitle{letter-spacing:.2em;font-weight:300}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.theme-wrapper .animate-fade-in-up{animation:fadeInUp .8s ease-out forwards}.theme-wrapper .gold-line{height:1px;background:linear-gradient(90deg,transparent,rgba(var(--color-gold),.6),transparent)}.theme-wrapper .shadow-warm{box-shadow:0 4px 20px rgba(var(--color-cocoa),.1)}.theme-wrapper .shadow-warm-lg{box-shadow:0 10px 40px rgba(var(--color-cocoa),.15)}.theme-wrapper .loading-spinner{border-color:rgba(var(--color-tan),.3);border-top-color:rgb(var(--color-warm-brown))}.theme-wrapper ::selection{background-color:rgba(var(--color-gold),.3);color:rgb(var(--color-cocoa))}.theme-wrapper{scroll-behavior:smooth}.theme-wrapper .mobile-nav-overlay{background-color:rgba(var(--color-cream),.98)}.theme-wrapper .mobile-nav-item{border-bottom:1px solid rgba(var(--color-tan),.2)}.theme-wrapper .mobile-nav-item:hover{background-color:rgba(var(--color-tan),.1);color:rgb(var(--color-warm-brown))}.theme-wrapper .price-tag{color:rgb(var(--color-warm-brown));font-weight:700}.theme-wrapper input:focus,.theme-wrapper textarea:focus,.theme-wrapper select:focus{border-color:rgb(var(--color-warm-brown));box-shadow:0 0 0 3px rgba(var(--color-warm-brown),.1)}.theme-wrapper .breadcrumb a{color:rgb(var(--color-text-muted))}.theme-wrapper .breadcrumb a:hover{color:rgb(var(--color-warm-brown))}.animations-page-transitions .theme-wrapper .animate-fade-in-up{animation:fadeInUp .8s ease-out forwards}.animations-page-transitions .theme-wrapper .page-section{opacity:0;animation:fadeInUp .6s ease-out forwards}.animations-page-transitions .theme-wrapper .page-section:nth-child(1){animation-delay:.1s}.animations-page-transitions .theme-wrapper .page-section:nth-child(2){animation-delay:.2s}.animations-page-transitions .theme-wrapper .page-section:nth-child(3){animation-delay:.3s}.animations-page-transitions .theme-wrapper .page-section:nth-child(4){animation-delay:.4s}.animations-hover-effects .theme-wrapper .product-card:hover{transform:translateY(-4px)}.animations-hover-effects .theme-wrapper button:hover{transform:scale(1.02)}.animations-hover-effects .theme-wrapper .hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}@keyframes selectPulse{0%{box-shadow:0 0 rgba(var(--color-gold),.4)}to{box-shadow:0 0 0 10px rgba(var(--color-gold),0)}}.animations-hover-effects .theme-wrapper .selection-pulse{animation:selectPulse .4s ease-out}.animations-scroll .theme-wrapper .animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.animations-scroll .theme-wrapper .animate-on-scroll.in-view{opacity:1;transform:translateY(0)}body:not(.animations-page-transitions) .theme-wrapper .animate-fade-in-up,body:not(.animations-page-transitions) .theme-wrapper .page-section{animation:none;opacity:1}body:not(.animations-hover-effects) .theme-wrapper .product-card:hover,body:not(.animations-hover-effects) .theme-wrapper button:hover{transform:none}body:not(.animations-scroll) .theme-wrapper .animate-on-scroll{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.theme-wrapper *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
