*{margin:0;padding:0;box-sizing:border-box}:root{--gold: #C5A059;--gold-light: #D4B87D;--gold-pale: #F5EDD8;--black: #111111;--off-black: #1a1a1a;--charcoal: #2d2d2d;--mid-grey: #888888;--light-grey: #e8e8e8;--off-white: #fafaf8;--white: #ffffff;--radius-sm: 4px;--radius-md: 10px;--radius-lg: 18px;--shadow-soft: 0 2px 20px rgba(0,0,0,.06);--shadow-card: 0 4px 32px rgba(0,0,0,.08);--shadow-deep: 0 8px 48px rgba(0,0,0,.14);--transition: cubic-bezier(.4, 0, .2, 1)}body{font-family:Manrope,Noto Sans SC,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background-color:#ede8e0;color:var(--off-black);letter-spacing:.01em}.app-container{max-width:480px;margin:0 auto;background:var(--off-white);min-height:100vh;box-shadow:0 0 80px #0000002e;position:relative;overflow:hidden}@media(min-width:768px){.app-container{box-shadow:0 0 120px #00000038}}@media(min-width:1024px){body{background:linear-gradient(160deg,#e8e0d4,#d4ccc0,#c8bfb0)}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--light-grey);border-radius:2px}.font-display{font-family:Bodoni Moda,"Noto Serif SC",Georgia,serif;letter-spacing:.05em}.font-serif{font-family:"Noto Serif SC",Georgia,serif}.text-gold{color:var(--gold)}.bg-gold{background-color:var(--gold)}.border-gold{border-color:var(--gold)}.gold-underline{position:relative;display:inline-block}.gold-underline:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}.product-card{background:var(--white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-soft);transition:transform .35s var(--transition),box-shadow .35s var(--transition)}.product-card:active{transform:scale(.975);box-shadow:var(--shadow-card)}.btn-primary{background:var(--off-black);color:var(--white);font-family:Manrope,sans-serif;font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;padding:12px 28px;border:none;cursor:pointer;transition:background .25s var(--transition),transform .15s var(--transition);border-radius:0}.btn-primary:active{transform:scale(.97)}.btn-primary:hover{background:var(--charcoal)}.btn-gold{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 100%);color:var(--white);font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;padding:12px 28px;border:none;cursor:pointer;border-radius:0;transition:opacity .2s,transform .15s}.btn-gold:active{transform:scale(.97);opacity:.9}.btn-outline{background:transparent;color:var(--off-black);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:11px 28px;border:1px solid rgba(26,26,26,.25);cursor:pointer;border-radius:0;transition:border-color .2s,background .2s,color .2s}.btn-outline:hover{border-color:var(--off-black);background:var(--off-black);color:var(--white)}.divider-gold{display:flex;align-items:center;gap:12px;color:var(--mid-grey);font-size:9px;letter-spacing:.3em;text-transform:uppercase}.divider-gold:before,.divider-gold:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold-light),transparent)}.section-title{font-family:Bodoni Moda,serif;font-size:22px;letter-spacing:.08em;color:var(--off-black)}.section-subtitle{font-size:9px;letter-spacing:.35em;text-transform:uppercase;color:var(--mid-grey);font-weight:500}.badge-gold{display:inline-flex;align-items:center;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#fff;font-size:9px;font-weight:800;letter-spacing:.15em;padding:3px 8px;border-radius:2px;text-transform:uppercase}.badge-new{display:inline-flex;align-items:center;background:var(--off-black);color:#fff;font-size:9px;font-weight:800;letter-spacing:.15em;padding:3px 8px;border-radius:2px;text-transform:uppercase}.price-primary{font-family:Bodoni Moda,serif;font-size:18px;color:var(--off-black);letter-spacing:.02em}.price-original{font-size:11px;color:var(--mid-grey);text-decoration:line-through;letter-spacing:.02em}.glass{background:#ffffffb8;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.4)}.glass-dark{background:#111111a6;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%)}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,#ede9e2 25%,#e2ddd5,#ede9e2 75%);background-size:600px 100%;animation:shimmer 1.6s ease-in-out infinite}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(18px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes zoom-in{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slide-in-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-in-from-top-4{0%{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-in{animation-fill-mode:both;animation-timing-function:var(--transition)}.fade-in{animation-name:fade-in}.zoom-in{animation-name:zoom-in}.slide-up{animation-name:slide-up}.slide-in-from-bottom{animation-name:slide-in-from-bottom}.slide-in-from-top-4{animation-name:slide-in-from-top-4}.duration-200{animation-duration:.2s}.duration-300{animation-duration:.3s}.duration-400{animation-duration:.4s}.touch-feedback{transition:transform .12s var(--transition)}.touch-feedback:active{transform:scale(.97)}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 250,"GRAD" 0,"opsz" 24;user-select:none;vertical-align:middle}.lazy-loading{background:linear-gradient(90deg,#ede9e2 25%,#e2ddd5,#ede9e2 75%);background-size:600px 100%;animation:shimmer 1.6s ease-in-out infinite;min-height:120px}.lazy-loaded{animation:fade-in .4s ease-in}.lazy-error{background:#f0ece6;display:flex;align-items:center;justify-content:center;color:#aaa;font-size:11px}.lazy-error:after{content:"图片加载失败"}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:#fafaf8f0;backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border-top:1px solid rgba(197,160,89,.2);z-index:50;padding-bottom:env(safe-area-inset-bottom)}.category-tab{white-space:nowrap;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:7px 16px;border-radius:2px;transition:background .2s,color .2s,border-color .2s;cursor:pointer;border:1px solid transparent}.category-tab.active{background:var(--off-black);color:var(--white)}.category-tab:not(.active){color:var(--mid-grey);background:transparent;border-color:var(--light-grey)}.category-tab:not(.active):hover{border-color:var(--off-black);color:var(--off-black)}input,textarea{font-family:Manrope,Noto Sans SC,sans-serif;outline:none;-webkit-appearance:none}button{background:none;border:none;cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.toast{position:fixed;top:20px;left:50%;transform:translate(-50%);background:var(--off-black);color:var(--white);font-size:12px;font-weight:600;letter-spacing:.06em;padding:10px 20px;border-radius:3px;z-index:9999;animation:slide-up .25s var(--transition);white-space:nowrap;max-width:88vw;text-align:center;box-shadow:var(--shadow-deep)}@media print{.no-print{display:none!important}}