:root{--bg:#faf8f5;--bg-elevated:#fff;--bg-muted:#f0ebe3;--text:#191919;--text-muted:#696969;--text-light:#9a9a9a;--accent:#c45c26;--accent-hover:#a34a1e;--border:#e8e2d9;--border-dark:#d4cdc2;--serif:"Cormorant Garamond", "Noto Serif TC", Georgia, serif;--sans:"Noto Sans TC", "Helvetica Neue", Arial, sans-serif;--header-h:72px;--max-w:1440px;--transition:.35s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px;font-weight:300;line-height:1.6}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:min(100% - 48px, var(--max-w));margin-inline:auto}.site-header{z-index:100;height:var(--header-h);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--transition);background:#faf8f5eb;border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.site-header.scrolled{border-bottom-color:var(--border)}.header-inner{justify-content:space-between;align-items:center;gap:24px;height:100%;display:flex}.logo{font-family:var(--serif);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-size:1.5rem;font-weight:500}.nav-desktop{gap:32px;display:flex}.nav-desktop button{letter-spacing:.14em;text-transform:uppercase;color:var(--text);transition:color var(--transition);padding:4px 0;font-size:11px;position:relative}.nav-desktop button:after{content:"";background:var(--text);width:0;height:1px;transition:width var(--transition);position:absolute;bottom:-2px;left:0}.nav-desktop button:hover:after,.nav-desktop button.active:after{width:100%}.header-actions{align-items:center;gap:20px;display:flex}.icon-btn{width:40px;height:40px;transition:opacity var(--transition);justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:hover{opacity:.65}.icon-btn svg{stroke:currentColor;fill:none;stroke-width:1.5px;width:20px;height:20px}.cart-badge{text-align:center;background:var(--accent);color:#fff;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:9px;font-weight:500;line-height:16px;position:absolute;top:4px;right:2px}.menu-toggle{display:none}.hero{min-height:92vh;padding:calc(var(--header-h) + 48px) 0 80px;align-items:flex-end;margin-top:0;display:flex;position:relative;overflow:hidden}.hero-bg{background:linear-gradient(#0000 0%,#1919191a 50%,#1919198c 100%),url(https://images.unsplash.com/photo-1596838132731-3301c3fd4317?w=1920&q=80) 50%/cover;position:absolute;inset:0}.hero-content{z-index:1;color:#fff;max-width:640px;position:relative}.hero-eyebrow{letter-spacing:.2em;text-transform:uppercase;opacity:.9;margin-bottom:16px;font-size:11px}.hero-title{font-family:var(--serif);margin-bottom:20px;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;line-height:1.1}.hero-desc{opacity:.92;max-width:480px;margin-bottom:32px;font-size:15px;line-height:1.7}.btn{letter-spacing:.16em;text-transform:uppercase;transition:all var(--transition);justify-content:center;align-items:center;gap:8px;padding:14px 32px;font-size:11px;display:inline-flex}.btn-primary{background:var(--text);color:#fff}.btn-primary:hover{background:#333}.btn-outline{color:inherit;border:1px solid}.btn-outline:hover{background:#ffffff1f}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover)}.btn-ghost{border-bottom:1px solid var(--text);letter-spacing:.14em;text-transform:uppercase;padding:8px 0;font-size:11px}.btn-ghost:hover{opacity:.6}.btn-block{width:100%}.btn:disabled{opacity:.4;cursor:not-allowed}.section{padding:80px 0}.section-header{text-align:center;margin-bottom:48px}.section-eyebrow{letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:11px}.section-title{font-family:var(--serif);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:400;line-height:1.2}.category-nav{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:center;gap:8px 24px;margin-bottom:48px;padding-bottom:24px;display:flex}.category-nav button{letter-spacing:.1em;color:var(--text-muted);transition:all var(--transition);border-bottom:1px solid #0000;padding:8px 4px;font-size:12px}.category-nav button:hover,.category-nav button.active{color:var(--text);border-bottom-color:var(--text)}.product-grid{grid-template-columns:repeat(4,1fr);gap:32px 24px;display:grid}.product-card{cursor:pointer;flex-direction:column;display:flex}.product-image-wrap{aspect-ratio:3/4;background:var(--bg-muted);margin-bottom:16px;position:relative;overflow:hidden}.product-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.product-card:hover .product-image-wrap img{transform:scale(1.04)}.product-badge{letter-spacing:.12em;text-transform:uppercase;background:var(--bg-elevated);color:var(--text);padding:4px 10px;font-size:10px;position:absolute;top:12px;left:12px}.product-name{margin-bottom:4px;font-size:13px;font-weight:400;line-height:1.4}.product-name-en{color:var(--text-muted);letter-spacing:.04em;margin-bottom:8px;font-size:11px}.product-price{letter-spacing:.02em;font-size:13px}.product-actions{opacity:0;transition:all var(--transition);margin-top:12px;transform:translateY(4px)}.product-card:hover .product-actions{opacity:1;transform:translateY(0)}.add-btn{letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--text);padding-bottom:2px;font-size:11px}.add-btn:hover{opacity:.6}.editorial{grid-template-columns:1fr 1fr;gap:0;min-height:480px;display:grid}.editorial-image{background-position:50%;background-size:cover}.editorial-content{background:var(--bg-muted);flex-direction:column;justify-content:center;padding:64px 80px;display:flex}.editorial-content h2{font-family:var(--serif);margin-bottom:16px;font-size:2.25rem;font-weight:400;line-height:1.2}.editorial-content p{color:var(--text-muted);max-width:400px;margin-bottom:28px}.overlay{z-index:200;opacity:0;visibility:hidden;transition:all var(--transition);background:#19191966;position:fixed;inset:0}.overlay.open{opacity:1;visibility:visible}.drawer{z-index:201;background:var(--bg-elevated);width:min(440px,100vw);height:100vh;transition:transform var(--transition);flex-direction:column;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.drawer-header h2{font-family:var(--serif);font-size:1.5rem;font-weight:400}.drawer-body{flex:1;padding:24px 28px;overflow-y:auto}.drawer-footer{border-top:1px solid var(--border);background:var(--bg);padding:24px 28px}.cart-item{border-bottom:1px solid var(--border);grid-template-columns:80px 1fr auto;gap:16px;margin-bottom:24px;padding-bottom:24px;display:grid}.cart-item img{object-fit:cover;background:var(--bg-muted);width:80px;height:100px}.cart-item-info h3{margin-bottom:4px;font-size:13px;font-weight:400}.cart-item-info .price{color:var(--text-muted);font-size:12px}.qty-control{align-items:center;gap:12px;margin-top:12px;display:flex}.qty-control button{border:1px solid var(--border-dark);width:28px;height:28px;transition:border-color var(--transition);justify-content:center;align-items:center;font-size:14px;display:flex}.qty-control button:hover{border-color:var(--text)}.remove-btn{color:var(--text-muted);align-self:start;font-size:11px;text-decoration:underline}.remove-btn:hover{color:var(--text)}.cart-empty{text-align:center;color:var(--text-muted);padding:48px 0}.summary-row{justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.summary-row.total{border-top:1px solid var(--border);margin-top:12px;padding-top:12px;font-size:15px}.modal{z-index:210;opacity:0;visibility:hidden;transition:all var(--transition);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal.open{opacity:1;visibility:visible}.modal-panel{background:var(--bg-elevated);width:min(480px,100%);max-height:90vh;transition:transform var(--transition);padding:40px;overflow-y:auto;transform:translateY(16px)}.modal.open .modal-panel{transform:translateY(0)}.modal-panel h2{font-family:var(--serif);margin-bottom:8px;font-size:1.75rem;font-weight:400}.modal-subtitle{color:var(--text-muted);margin-bottom:28px;font-size:13px}.form-group{margin-bottom:20px}.form-group label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px;font-size:11px;display:block}.form-group input,.form-group select,.form-group textarea{border:none;border-bottom:1px solid var(--border-dark);width:100%;transition:border-color var(--transition);background:0 0;outline:none;padding:12px 0}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-bottom-color:var(--text)}.form-error{color:#b33;margin-top:12px;font-size:12px}.form-switch{color:var(--text-muted);margin-top:20px;font-size:13px}.form-switch button{color:var(--text);text-decoration:underline}.page-view{padding-top:calc(var(--header-h) + 48px);min-height:80vh;padding-bottom:80px}.page-title{font-family:var(--serif);margin-bottom:8px;font-size:2.5rem;font-weight:400}.page-subtitle{color:var(--text-muted);margin-bottom:40px}.checkout-grid{grid-template-columns:1fr 380px;align-items:start;gap:48px;display:grid}.checkout-summary{background:var(--bg-muted);top:calc(var(--header-h) + 24px);padding:32px;position:sticky}.checkout-summary h3{font-family:var(--serif);margin-bottom:20px;font-size:1.25rem}.checkout-line{color:var(--text-muted);justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.checkout-line strong{color:var(--text)}.payment-options{flex-direction:column;gap:12px;margin:24px 0;display:flex}.payment-option{border:1px solid var(--border);cursor:pointer;transition:border-color var(--transition);align-items:center;gap:12px;padding:14px 16px;display:flex}.payment-option:has(input:checked){border-color:var(--text)}.payment-option input{accent-color:var(--text)}.order-card{border:1px solid var(--border);background:var(--bg-elevated);margin-bottom:20px;padding:28px}.order-card-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.order-id{letter-spacing:.06em;font-size:13px}.order-status{letter-spacing:.12em;text-transform:uppercase;background:var(--bg-muted);padding:4px 12px;font-size:11px}.order-items-preview{gap:8px;margin-bottom:16px;display:flex}.order-items-preview img{object-fit:cover;width:48px;height:60px}.order-meta{color:var(--text-muted);font-size:12px}.account-grid{grid-template-columns:240px 1fr;gap:48px;display:grid}.account-nav button{text-align:left;border-bottom:1px solid var(--border);width:100%;color:var(--text-muted);transition:color var(--transition);padding:12px 0;font-size:13px;display:block}.account-nav button.active,.account-nav button:hover{color:var(--text)}.site-footer{background:var(--bg-muted);margin-top:40px;padding:64px 0 32px}.footer-grid{grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:48px;display:grid}.footer-col h4{letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px;font-size:11px}.footer-col a,.footer-col p{color:var(--text-muted);transition:color var(--transition);margin-bottom:8px;font-size:12px;display:block}.footer-col a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border);color:var(--text-light);letter-spacing:.06em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;font-size:11px;display:flex}.toast-container{z-index:300;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.toast{background:var(--text);color:#fff;letter-spacing:.02em;padding:14px 24px;font-size:13px;animation:.35s toast-in}.toast.error{background:#8b2e2e}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mobile-nav{z-index:150;background:var(--bg);padding:calc(var(--header-h) + 32px) 24px 32px;transition:transform var(--transition);position:fixed;inset:0;transform:translate(100%)}.mobile-nav.open{transform:translate(0)}.mobile-nav button{text-align:left;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--border);width:100%;padding:16px 0;font-size:14px;display:block}@media (width<=1200px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.product-grid{grid-template-columns:repeat(2,1fr)}.editorial{grid-template-columns:1fr}.editorial-image{min-height:320px}.editorial-content{padding:48px 32px}.checkout-grid{grid-template-columns:1fr}.checkout-summary{position:static}.account-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){:root{--header-h:60px}.container{width:min(100% - 32px, var(--max-w))}.nav-desktop{display:none}.menu-toggle{display:flex}.product-grid{grid-template-columns:1fr;gap:40px}.product-actions{opacity:1;transform:none}.hero{min-height:85vh;padding-bottom:48px}.footer-grid{grid-template-columns:1fr}.modal-panel{padding:28px 24px}}