@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500&family=Inter:wght@400;500&family=Noto+Serif+SC:wght@500&family=Noto+Sans+SC:wght@400&display=swap";
:root{--color-forest-deep:#113723;--color-forest-mid:#1a5434;--color-forest-base:#1f643e;--color-forest-hover:#2a7a4f;--color-gold:#c9a96e;--color-gold-light:#c9a96e1a;--color-ivory:#f5efe0;--color-ivory-muted:#f5efe08c;--color-page-bg:#f9f6f1;--color-text-primary:#1a1a1a;--color-text-secondary:#6b6b6b;--color-error-bg:#fef2f2;--color-error-border:#ffa2a2;--color-error-text:#c10007;--color-error-dot:#fb2c36;--font-heading-en:"Playfair Display", serif;--font-body-en:"Inter", sans-serif;--font-heading-zh:"Noto Serif SC", serif;--font-body-zh:"Noto Sans SC", sans-serif;--font-weight-normal:400;--font-weight-medium:500;--text-4xl:48px;--text-3xl:40px;--text-2xl:32px;--text-xl:24px;--text-lg:18px;--text-base:16px;--text-sm:14px;--text-xs:12px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-6:24px;--spacing-8:32px;--spacing-12:48px;--spacing-16:64px;--spacing-20:80px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--page-margin-desktop:40px;--page-margin-mobile:16px;--max-width:1280px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body-en), sans-serif;font-size:var(--text-base);font-weight:var(--font-weight-normal);color:var(--color-text-primary);background-color:var(--color-page-bg);flex-direction:column;min-height:100vh;line-height:1.6;display:flex}h1,h2,h3,h4{font-family:var(--font-heading-en), serif;font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.2}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}a{color:inherit;text-decoration:none}.page-container{width:100%;max-width:var(--max-width);padding:0 var(--page-margin-desktop);margin:0 auto}.site-header{background-color:var(--color-forest-deep);z-index:100;border-bottom:1px solid #f5efe01a;position:sticky;top:0}.header-top{padding:var(--spacing-8) 0;align-items:center;gap:var(--spacing-8);grid-template-columns:1fr auto 1fr;display:grid}.header-left{align-items:center;gap:var(--spacing-8);display:flex}.header-right{align-items:center;gap:var(--spacing-6);justify-content:flex-end;display:flex}.logo{align-items:baseline;gap:var(--spacing-3);text-align:center;flex-shrink:0;display:flex}.logo-main{letter-spacing:4px;color:#f5efe0;font-family:Playfair Display,serif;font-size:40px;font-weight:400;line-height:48px;display:inline-block}.header-link{font-size:var(--text-sm);color:var(--color-ivory-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;font-family:inherit;transition:color .2s}.header-link:hover,.header-link.active{color:var(--color-ivory)}.header-icon-btn{cursor:pointer;color:var(--color-ivory);background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:opacity .2s;display:inline-flex;position:relative}.header-icon-btn svg{width:20px;height:20px}.header-icon-btn:hover{opacity:.75}.cart-count{background-color:var(--color-gold);width:18px;height:18px;color:var(--color-forest-deep);font-size:10px;font-weight:var(--font-weight-medium);border-radius:50%;justify-content:center;align-items:center;min-width:18px;display:inline-flex;position:absolute;top:-6px;right:-10px}.header-nav{background-color:var(--color-forest-base);position:relative}.header-nav .page-container{gap:var(--spacing-1);display:flex}.nav-link{padding:var(--spacing-3) var(--spacing-6);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-ivory-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;font-family:inherit;transition:all .2s;display:block}.nav-link:hover,.nav-link.active{color:var(--color-ivory);background-color:var(--color-forest-hover)}.mega-menu{background-color:var(--color-forest-base);z-index:200;width:100%;padding:var(--spacing-12) 0;border-top:1px solid #f5efe014;min-height:400px;display:none;position:absolute;top:100%;left:0}.mega-menu.open{display:block}.mega-menu-inner{max-width:var(--max-width);padding:0 var(--page-margin-desktop);gap:var(--spacing-16);grid-template-columns:1fr 380px;align-items:start;margin:0 auto;display:grid}.mega-left{gap:var(--spacing-12);grid-template-columns:1fr 1fr;display:grid}.mega-col h4{font-family:var(--font-body-en), sans-serif;font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-gold);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:1px solid #f5efe01a}.mega-sub-grid{gap:var(--spacing-2);grid-template-columns:repeat(3,1fr);display:grid}.mega-sub-grid a,.mega-col>a,.designer-group a{font-size:var(--text-sm);color:var(--color-ivory-muted);padding:var(--spacing-2) 0;transition:color .2s;display:block}.mega-sub-grid a:hover,.mega-col>a:hover,.designer-group a:hover{color:var(--color-ivory)}.mega-col .designer-group{gap:var(--spacing-1);grid-template-columns:repeat(3,1fr);display:grid}.mega-image{border-radius:var(--radius-lg);background:linear-gradient(135deg,#c9a96e26,#c9a96e0d);justify-content:center;align-items:center;width:100%;height:340px;font-size:80px;display:flex;position:relative;overflow:hidden}.site-footer{background-color:var(--color-forest-deep);margin-top:auto}.footer-main{background-color:var(--color-forest-base);padding:var(--spacing-12) 0}.footer-grid{gap:var(--spacing-8);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand p{margin-top:var(--spacing-4);font-size:var(--text-sm);color:var(--color-ivory-muted);max-width:320px;line-height:1.8}.footer-col h4{font-family:var(--font-body-en), sans-serif;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-ivory);margin-bottom:var(--spacing-4)}.footer-col a{font-size:var(--text-sm);color:var(--color-ivory-muted);padding:var(--spacing-1) 0;transition:color .2s;display:block}.footer-col a:hover{color:var(--color-ivory)}.footer-bottom{background-color:var(--color-forest-deep);padding:var(--spacing-6) 0;text-align:center;font-size:var(--text-sm);color:var(--color-ivory-muted)}.footer-payment-bar{background-color:var(--color-forest-mid);padding:var(--spacing-4) 0}.footer-payment-bar .page-container{justify-content:center;align-items:center;gap:var(--spacing-6);display:flex}.payment-methods{align-items:center;gap:var(--spacing-3);font-size:var(--text-sm);color:var(--color-ivory-muted);display:flex}.payment-icon{border-radius:var(--radius-sm);width:36px;height:24px;color:var(--color-ivory);background:#f5efe026;justify-content:center;align-items:center;font-size:10px;display:flex}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);white-space:nowrap;border:none;line-height:1.5;transition:all .25s;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-forest-deep);color:var(--color-ivory);font-size:var(--text-base);padding:var(--spacing-3) var(--spacing-8)}.btn-primary:hover{background-color:var(--color-forest-mid)}.btn-secondary{color:var(--color-forest-deep);border:2px solid var(--color-forest-deep);padding:calc(var(--spacing-3) - 2px) calc(var(--spacing-6) - 2px);background:0 0}.btn-secondary:hover{background-color:var(--color-forest-deep);color:var(--color-ivory)}.btn-text{color:var(--color-forest-deep);padding:var(--spacing-2) var(--spacing-1);font-size:var(--text-sm);background:0 0;text-decoration:underline}.btn-text:hover{color:var(--color-forest-hover)}.btn-text.muted{color:var(--color-text-secondary)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:active{transform:none}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-xs)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--text-lg)}.btn-block{width:100%}.btn-gold-outline{color:var(--color-gold);border:1px solid var(--color-gold);font-size:var(--text-sm);padding:var(--spacing-2) var(--spacing-4);background:0 0}.btn-gold-outline:hover{background-color:var(--color-gold-light)}.badge{align-items:center;gap:var(--spacing-2);padding:var(--spacing-1) var(--spacing-3);font-size:var(--text-xs);font-weight:var(--font-weight-medium);border-radius:9999px;line-height:1.6;display:inline-flex}.badge-auth{background-color:var(--color-forest-base);border:1px solid var(--color-gold);color:var(--color-ivory)}.badge-auth:before{content:"";background-color:var(--color-gold);border-radius:50%;flex-shrink:0;width:8px;height:8px}.badge-pending{background-color:var(--color-page-bg);border:1px solid var(--color-text-secondary);color:var(--color-text-secondary)}.badge-pending:before{content:"";background-color:var(--color-text-secondary);border-radius:50%;flex-shrink:0;width:8px;height:8px}.badge-review{background-color:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text)}.badge-review:before{content:"";background-color:var(--color-error-dot);border-radius:50%;flex-shrink:0;width:8px;height:8px}.badge-condition{padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-ivory)}.badge-condition.new{background-color:var(--color-forest-deep)}.badge-condition.likenew{background-color:var(--color-forest-base)}.badge-condition.light{background-color:var(--color-forest-hover)}.badge-condition.well{background-color:var(--color-page-bg);color:var(--color-forest-deep);border:1px solid var(--color-forest-deep)}.badge-feature{padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-xs);font-weight:var(--font-weight-medium);border-radius:9999px}.badge-feature.ai-priced{background-color:var(--color-gold-light);border:1px solid var(--color-gold);color:var(--color-gold)}.badge-feature.installment{color:#1447e6;background-color:#eff6ff;border:1px solid #8ec5ff}.badge-feature.reserved{color:#8200db;background-color:#faf5ff;border:1px solid #dab2ff}.form-group{gap:var(--spacing-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.form-input,.form-select{height:50px;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--text-base);color:var(--color-text-primary);background:#fff;border:1px solid #00000026;width:100%;transition:border-color .2s}.form-input:focus,.form-select:focus{border-color:var(--color-forest-base);outline:none}.form-input::placeholder{color:#1a1a1a80}.form-checkbox{align-items:center;gap:var(--spacing-3);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;display:flex}.form-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-forest-deep)}.card{border-radius:var(--radius-lg);background:#fff;border:1px solid #00000014;transition:box-shadow .3s,transform .3s;overflow:hidden}.card:hover{box-shadow:0 4px 24px #0000000f}.product-card{cursor:pointer}.product-card .card-image{aspect-ratio:3/4;background-color:#f5f5f5;position:relative;overflow:hidden}.product-card .card-image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.product-card:hover .card-image img{transform:scale(1.05)}.product-card .card-body{padding:var(--spacing-4);gap:var(--spacing-2);flex-direction:column;display:flex}.product-card .card-brand{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.product-card .card-name{font-family:var(--font-heading-en);font-size:var(--text-xl);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.3}.product-card .card-meta{align-items:center;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.product-card .card-price{font-size:var(--text-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);font-family:var(--font-heading-en)}.product-card .card-price-original{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:line-through}.section-heading{text-align:center;padding:var(--spacing-16) 0 var(--spacing-12)}.section-heading h2{font-family:var(--font-heading-en);font-size:var(--text-3xl);color:var(--color-forest-deep)}.section-heading p{margin-top:var(--spacing-3);font-size:var(--text-lg);color:var(--color-text-secondary)}.breadcrumb{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-text-secondary);padding:var(--spacing-6) 0;display:flex}.breadcrumb a{color:var(--color-text-secondary);transition:color .2s}.breadcrumb a:hover{color:var(--color-forest-deep)}.breadcrumb .sep{color:var(--color-gold)}.breadcrumb .current{color:var(--color-forest-deep);font-weight:var(--font-weight-medium)}.qty-input{border-radius:var(--radius-md);border:1px solid #00000026;align-items:center;display:inline-flex;overflow:hidden}.qty-input button{cursor:pointer;width:36px;height:36px;color:var(--color-text-primary);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:flex}.qty-input button:hover{background:#0000000a}.qty-input span{text-align:center;width:40px;font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.empty-state{text-align:center;padding:var(--spacing-20) var(--spacing-8)}.empty-state h4{font-family:var(--font-heading-en);color:var(--color-text-secondary);margin-bottom:var(--spacing-2)}.empty-state p{color:var(--color-text-secondary);margin-bottom:var(--spacing-6)}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.text-gold{color:var(--color-gold)}.text-secondary{color:var(--color-text-secondary)}.text-center{text-align:center}.filter-group h4{font-family:var(--font-body-en), sans-serif;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-3);text-transform:uppercase;letter-spacing:.05em}@media (max-width:768px){.collection-layout{grid-template-columns:1fr!important}.collection-layout .filter-sidebar-desktop{display:none}.collection-layout .mobile-filter-btn{display:inline-flex!important}.collection-grid{grid-template-columns:repeat(2,1fr)!important}:root{--text-4xl:32px;--text-3xl:28px;--text-2xl:24px;--text-xl:20px}.page-container{padding:0 var(--page-margin-mobile)}.header-top{gap:var(--spacing-4);padding:var(--spacing-4) 0;text-align:center;grid-template-columns:1fr}.header-left,.header-right{justify-content:center}.logo{order:-1}.header-nav .page-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.nav-link{padding:var(--spacing-3) var(--spacing-4);white-space:nowrap;font-size:var(--text-xs)}.footer-grid{gap:var(--spacing-6);grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (min-width:769px){.mobile-filter-btn,.mobile-filter-overlay{display:none!important}}