@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;600;700&display=swap');
:root{--bg:#121312;--card:#1c1d1a;--panel:#24251f;--gold:#c7a477;--goldlight:#edcfaa;--text:#f2eee6;--muted:#a6a399;--line:#34362f;--font:'DM Sans','Noto Sans TC',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--goldlight);outline-offset:3px}[hidden]{display:none!important}.notice{background:#c9aa80;color:#191a16;text-align:center;font-size:11px;letter-spacing:1.3px;padding:10px 12px}.notice span{opacity:.55;margin-left:15px;letter-spacing:2px}.header{position:sticky;z-index:20;top:0;background:#151613ed;backdrop-filter:blur(16px);border-bottom:1px solid #34362f}.header-inner{max-width:1320px;margin:auto;min-height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 48px}.brand{font:500 27px Georgia,serif;letter-spacing:2px;display:flex;align-items:center;gap:8px}.brand span,.story-circle span{color:var(--gold)}.brand small{font:500 9px var(--font);letter-spacing:2.3px;margin-left:9px;color:var(--muted)}.nav{display:flex;gap:39px;font-size:12px;color:#d4d0c8}.nav a:hover{color:var(--gold)}.actions{display:flex;gap:15px}.actions button,.close-btn{border:0;background:transparent;color:var(--text)}.icon-btn svg,.cart-btn svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5}.cart-btn{display:flex;align-items:center;gap:10px}.cart-btn span{background:var(--gold);border-radius:50%;color:#1a1712;font-size:11px;min-width:19px;height:19px;display:grid;place-items:center}.hero{min-height:600px;display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);overflow:hidden}.hero-content{padding:100px max(30px,calc((100vw - 1230px)/2)) 50px max(40px,calc((100vw - 1230px)/2));display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow,.kicker{font-size:10px;letter-spacing:2.8px;color:var(--gold);font-weight:600}.eyebrow{display:flex;gap:13px;align-items:center}.eyebrow i{width:24px;height:1px;background:var(--gold)}h1,h2,p{margin-top:0}.hero h1{font-size:clamp(36px,4vw,62px);letter-spacing:2px;line-height:1.55;font-weight:400;margin:27px 0}.hero h1 em,.section h2 em{color:var(--gold);font:italic 400 1em Georgia,serif}.hero p{font-size:14px;line-height:2.4;color:#b6b4aa;margin-bottom:34px}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:34px;min-height:51px;padding:0 26px;font-size:12px;font-weight:600;letter-spacing:1px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold);color:#1d1c18}.btn-gold:hover{background:var(--goldlight)}.hero-foot{margin-top:80px;width:100%;font-size:9px;color:#7e8076;letter-spacing:1.7px;display:flex;justify-content:space-between}.hero-art{position:relative;min-height:500px;background:radial-gradient(ellipse at 48% 45%,#5b5143 0%,#39352f 35%,#292723 74%,#211f1d 100%);overflow:hidden}.art-orb{position:absolute;width:min(56vw,510px);height:min(56vw,510px);border:1px solid #746a5890;border-radius:50%;top:11%;left:11%;box-shadow:0 0 0 58px #9a86620c,0 0 0 120px #9a866208}.art-pedestal{position:absolute;background:linear-gradient(135deg,#93836b,#554d40 45%,#292721);width:58%;height:23%;bottom:-4%;left:23%;transform:skewX(-13deg);box-shadow:30px -30px 80px #05050560}.art-vase{position:absolute;bottom:16%;left:38%;width:27%;height:51%;filter:drop-shadow(30px 35px 35px #0008)}.art-body{position:absolute;bottom:0;width:100%;height:79%;border-radius:43% 43% 28% 28%;background:linear-gradient(110deg,#2a2a24,#a99571 27%,#dfbd83 39%,#8a7457 61%,#37332a);box-shadow:inset -22px 0 30px #0007}.art-neck{position:absolute;left:35%;top:0;width:30%;height:30%;background:linear-gradient(90deg,#4d463a,#c4aa82,#746147);border-radius:8px 8px 5px 5px}.art-leaf{position:absolute;background:#81765b;width:8px;height:145px;left:54%;top:-100px;transform:rotate(-15deg);border-radius:100%}.art-leaf:before{content:'';position:absolute;width:52px;height:18px;border-radius:100% 0;background:#81765b;top:26px;left:3px;transform:rotate(-32deg)}.art-leaf.two{left:42%;height:160px;transform:rotate(26deg);background:#6c7058}.art-caption{position:absolute;right:30px;bottom:30px;font-size:10px;letter-spacing:2px;color:#c0ad8b}.benefits{max-width:1320px;margin:auto;min-height:72px;display:flex;align-items:center;justify-content:space-around;color:#9d9a8d;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:2px}.section{max-width:1230px;margin:auto}.catalog{padding:105px 30px}.section-top{display:flex;justify-content:space-between;align-items:end}.section-top h2,.story h2{font-size:34px;font-weight:400;letter-spacing:2px;margin:17px 0}.section-top h2 em{font-size:.8em}.section-top p{color:var(--muted);font-size:13px}.product-total{font-size:11px;color:var(--muted)}.shop-toolbar{margin:40px 0 25px;display:flex;justify-content:space-between;align-items:center;gap:15px}.filters{display:flex;gap:9px;flex-wrap:wrap}.filter{color:#aaa69c;background:transparent;border:1px solid var(--line);padding:11px 18px;font-size:11px;letter-spacing:.5px}.filter.active,.filter:hover{color:#171715;background:var(--gold);border-color:var(--gold)}.sort-label{white-space:nowrap;color:#9c998e;font-size:11px}.sort-label select{background:transparent;color:var(--text);border:0;padding:5px;max-width:145px}.sort-label option{background:#222}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:21px}.product{min-width:0}.product-image{position:relative;height:295px;background:#24251f;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product:hover .product-image img{transform:scale(1.055)}.product-image.placeholder{background:radial-gradient(circle at 30% 22%,#64584a,#302f29 45%,#23241f 100%)}.product-image.placeholder:before{content:'';position:absolute;width:42%;height:62%;border-radius:40% 40% 18% 18%;background:linear-gradient(115deg,#4c4135,#c7ad86 30%,#6d5b48 65%,#322e28);box-shadow:20px 18px 40px #0007}.product:nth-child(2n) .product-image.placeholder:before{width:46%;height:50%;border-radius:50% 50% 18% 18%;transform:rotate(-11deg)}.product:nth-child(3n) .product-image.placeholder:before{width:50%;height:30%;border-radius:15px;transform:rotate(10deg)}.product-tag{position:absolute;top:13px;left:13px;color:#32291e;background:var(--gold);font-size:10px;padding:7px 10px;z-index:1}.product-body{padding:17px 2px 0}.product-cat{font-size:10px;color:#9e9b8f;letter-spacing:1px}.product-title{font-weight:400;font-size:14px;margin:8px 0 9px;line-height:1.6}.product-price{font-size:13px;color:var(--goldlight)}.product-price s{color:#7e7b71;margin-right:8px}.add-btn{width:100%;margin-top:17px;padding:12px 7px;border:1px solid #5d574d;background:transparent;color:#d3c5b2;font-size:11px;letter-spacing:1px}.add-btn:hover{background:var(--gold);color:#1d1c18}.add-btn:disabled{opacity:.4;cursor:not-allowed}.loading,.empty{grid-column:1/-1;text-align:center;padding:70px 20px;color:var(--muted)}.demo-banner,.error-banner{margin-top:22px;padding:15px 18px;border:1px solid #7d6950;color:#e2be91;font-size:12px;line-height:1.8}.error-banner{border-color:#a56363;color:#e6a9a9}.search-bar{display:flex;border-bottom:1px solid var(--gold);margin-bottom:20px}.search-bar input{width:100%;background:transparent;border:0;color:var(--text);padding:15px}.search-bar button{background:transparent;border:0;color:var(--gold)}.story{display:grid;grid-template-columns:1fr 1fr;background:#1d1e1a;min-height:390px;margin-bottom:90px}.story-visual{display:grid;place-items:center;background:radial-gradient(circle,#494034,#24241f 70%)}.story-circle{width:195px;height:195px;border:1px solid #ae8c60;border-radius:50%;display:grid;place-items:center;color:#e8dfcb;font:38px Georgia,serif;letter-spacing:5px;position:relative}.story-circle span{position:absolute;margin-left:39px}.story-copy{padding:75px 12%;align-self:center}.story-copy h2{line-height:1.6}.story-copy p{font-size:13px;color:var(--muted);line-height:2.3}.text-link{font-size:12px;color:var(--gold);display:inline-block;margin-top:15px}.newsletter{padding:75px 20px 100px;text-align:center;background:linear-gradient(#181915,#23221d)}.newsletter h2{font-size:32px;font-weight:400;margin:20px 0}.newsletter p{font-size:13px;color:var(--muted);margin-bottom:30px}.btn-outline{border-color:var(--gold);color:var(--gold)}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:40px max(30px,calc((100vw - 1230px)/2));border-top:1px solid var(--line)}footer strong{font:22px Georgia,serif;letter-spacing:3px}footer p,footer span,footer small{font-size:10px;color:#8b8b82}footer p{margin:10px 0 0}footer>div:last-child{text-align:right;display:flex;flex-direction:column;gap:10px}.overlay{position:fixed;inset:0;background:#050505a8;z-index:40}.drawer{position:fixed;z-index:41;top:0;right:0;bottom:0;width:min(100%,470px);background:#1c1d1a;box-shadow:-10px 0 50px #0008;transform:translateX(105%);transition:transform .28s;display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawer-head{padding:29px;border-bottom:1px solid var(--line);display:flex;align-items:start;justify-content:space-between}.drawer-head h2{font-size:23px;font-weight:400;margin:13px 0 0}.drawer-head h2 small{font:12px var(--font);color:var(--muted)}.close-btn{font-size:21px}.cart-items{padding:22px 27px;overflow:auto;flex:1}.cart-line{display:grid;grid-template-columns:75px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.cart-thumb{width:75px;height:90px;background:#313129;object-fit:cover}.cart-name{font-size:13px;line-height:1.6}.cart-price{color:var(--gold);font-size:13px;margin:9px 0}.cart-controls{display:flex;gap:12px;align-items:center}.cart-controls button{background:transparent;color:var(--text);border:1px solid #4b4a40;width:27px;height:26px}.cart-controls .remove{border:0;width:auto;margin-left:auto;color:#9b9587;font-size:11px}.cart-bottom{border-top:1px solid var(--line);padding:26px}.cart-subtotal{display:flex;justify-content:space-between}.cart-subtotal strong{color:var(--goldlight)}.cart-bottom p{font-size:11px;color:var(--muted);margin:15px 0 23px}.btn-full{width:100%;justify-content:space-between}.keep-shopping{display:block;width:100%;margin-top:15px;border:0;background:transparent;color:var(--muted);padding:10px;font-size:12px}.checkout-help{font-size:12px;color:#e6bb94;line-height:1.8;margin-top:14px}.toast{position:fixed;z-index:60;left:50%;bottom:30px;transform:translate(-50%,80px);opacity:0;background:var(--gold);color:#181714;padding:14px 25px;font-size:12px;transition:all .25s;pointer-events:none}.toast.visible{transform:translate(-50%,0);opacity:1}@media(max-width:900px){.header-inner{padding:0 23px}.hero-content{padding:80px 35px 35px}.products{grid-template-columns:repeat(3,minmax(0,1fr))}.product-image{height:260px}.story{margin-left:20px;margin-right:20px}}@media(max-width:650px){.notice span,.nav,.brand small{display:none}.header-inner{min-height:65px}.hero{grid-template-columns:1fr}.hero-content{padding:65px 25px 25px}.hero h1{font-size:39px}.hero-foot{margin-top:49px}.hero-art{min-height:300px}.art-orb{width:320px;height:320px;left:calc(50% - 160px);top:-5px}.art-vase{width:22%;left:39%;height:54%}.benefits{display:grid;grid-template-columns:1fr 1fr;text-align:center;padding:20px 0;gap:18px;font-size:10px}.catalog{padding:75px 17px}.section-top{align-items:start}.section-top h2{font-size:28px}.product-total{display:none}.shop-toolbar{display:block}.filters{margin-bottom:20px}.filter{padding:10px 13px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.product-image{height:220px}.product-title{font-size:12px}.add-btn{font-size:10px}.story{grid-template-columns:1fr;margin:0 17px 70px}.story-visual{min-height:250px}.story-copy{padding:45px 25px}.newsletter h2{font-size:27px}footer{padding:35px 20px;align-items:start;flex-direction:column}footer>div:last-child{text-align:left}.cart-items{padding:12px 20px}.drawer-head,.cart-bottom{padding:22px}}@media(max-width:380px){.product-image{height:175px}.hero h1{font-size:34px}}
