:root{--night: #0b0c0e;--dust: #8e9096;--bone: #eceae4;--rule: rgba(236, 234, 228, .18);--lamp: #e3b45b;--f-display: "Noto Serif TC", "Songti TC", "PMingLiU", serif;--f-latin: "Newsreader", "Georgia", serif;--f-body: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;color-scheme:dark}*{box-sizing:border-box}html{background:var(--night)}body.shop{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--night);color:var(--bone);font:400 1rem/1.85 var(--f-body);-webkit-font-smoothing:antialiased}body.shop a{color:inherit;text-underline-offset:.25em;text-decoration-thickness:1px}body.shop :focus-visible{outline:2px solid var(--lamp);outline-offset:3px}body.shop img{max-width:100%;height:auto;display:block}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:-999px;top:0}.skip:focus{left:16px;top:16px;background:var(--night);padding:.4rem .8rem;z-index:20}.zz-bar{position:relative;z-index:30;display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.2rem .9rem;padding:.55rem max(16px,5vw,env(safe-area-inset-left,0px));padding-top:calc(.55rem + env(safe-area-inset-top,0px));background:#16140f;border-bottom:1px solid rgba(227,180,91,.35);color:var(--bone);font:400 .8125rem/1.6 var(--f-body);text-align:center}.zz-bar b{font-weight:500;color:var(--lamp)}.zz-bar a{color:var(--lamp)}.shop-top,.shop-foot,.shop-main{padding-left:max(16px,5vw,env(safe-area-inset-left,0px));padding-right:max(16px,5vw,env(safe-area-inset-right,0px))}.shop-top{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:calc(1.25rem + env(safe-area-inset-top,0px)) 1.25rem}.shop-top .logo img{height:1.6rem;width:auto}.shop-tools{display:flex;align-items:center;gap:1.25rem;font-size:.8125rem}.shop-tools nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.4rem 1.25rem}.shop-tools nav a{text-decoration:none;color:var(--dust)}.shop-tools nav a:hover,.shop-tools nav a[aria-current=page]{color:var(--bone)}.shop-menu-btn{display:none;align-items:center;gap:.5rem;padding:.45rem .7rem;font:500 .75rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;background:transparent;color:var(--bone);border:1px solid var(--rule);cursor:pointer}.shop-menu-btn:before{content:"";width:.45rem;height:.45rem;background:var(--lamp)}.shop-menu-btn[aria-expanded=true] .open,.shop-menu-btn[aria-expanded=false] .shut{display:none}@media(max-width:900px){.shop-menu-btn{display:inline-flex}.shop-tools nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;display:none;flex-direction:column;flex-wrap:nowrap;justify-content:center;gap:0;counter-reset:m;overflow-y:auto;padding:calc(5.5rem + env(safe-area-inset-top,0px)) max(16px,5vw) calc(3rem + env(safe-area-inset-bottom,0px));background:var(--night)}body.shop-menu-open{overflow:hidden}body.shop-menu-open .shop-tools nav{display:flex}.shop-tools nav a{display:flex;align-items:baseline;gap:1rem;padding-block:1rem;border-bottom:1px solid var(--rule);font:500 clamp(1.2rem,2.3vw,1.6rem)/1.3 var(--f-display);color:var(--bone)}.shop-tools nav a:before{counter-increment:m;content:"0" counter(m);font:500 .75rem/1 ui-monospace,Menlo,monospace;letter-spacing:.1em;color:var(--dust)}.shop-tools nav a[aria-current=page]:before{color:var(--lamp)}}.shop-main{flex:1;padding-block:clamp(2rem,6vw,4.5rem)}.shop-foot{display:grid;gap:.6rem;padding-block:2rem calc(2rem + env(safe-area-inset-bottom,0px));border-top:1px solid var(--rule);font-size:.8125rem}.shop-foot nav{display:flex;flex-wrap:wrap;gap:.3rem 1.2rem}.slogan{font-family:var(--f-latin);font-style:italic;font-size:1.05rem;letter-spacing:.02em}.muted,.shop-foot .muted{color:var(--dust)}.shop-sec{max-width:72rem;margin:0 auto;display:grid;gap:1.25rem;min-width:0}.shop-sec h1{margin:0;font:700 clamp(1.75rem,4vw,2.75rem)/1.3 var(--f-display);letter-spacing:.04em;text-wrap:balance}.shop-sec h2{margin:0;font:500 1.25rem/1.5 var(--f-display)}.shop-sec p{margin:0}.prose{max-width:42rem}.prose>*+*{margin-top:1em}.prose table{display:block;overflow-x:auto;border-collapse:collapse}.prose td,.prose th{border:1px solid var(--rule);padding:.4rem .6rem}.center{justify-items:center;text-align:center}.btn{display:inline-block;justify-self:start;padding:.7rem 1.6rem;border:1px solid var(--bone);background:var(--bone);color:var(--night)!important;font:500 .9375rem/1.4 var(--f-body);letter-spacing:.08em;text-decoration:none;cursor:pointer}.center .btn{justify-self:center}.btn:hover{background:transparent;color:var(--bone)!important}.btn[disabled]{opacity:.45;cursor:not-allowed}input,select,textarea{font:inherit;color:var(--bone);background:transparent;border:0;border-bottom:1px solid var(--rule);padding:.5rem .2rem;min-width:0}input:focus,select:focus,textarea:focus{border-bottom-color:var(--bone);outline:none}select option{background:var(--night)}.grid{list-style:none;margin:0;padding:0;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr))}.card{display:grid;gap:.35rem;text-decoration:none}.card img{aspect-ratio:1;object-fit:cover;width:100%;background:#15161a}.card .t{font-family:var(--f-display)}.card .p{color:var(--dust);font-size:.875rem}.search{display:flex;flex-wrap:wrap;gap:.8rem;align-items:end}.search input{flex:1 1 14rem}.posts{list-style:none;margin:0;padding:0;display:grid;gap:2rem}.posts li{display:grid;gap:.4rem;border-top:1px solid var(--rule);padding-top:1.2rem}.cart form{display:grid;gap:1rem}.lines{list-style:none;margin:0;padding:0;display:grid}.lines li{display:grid;grid-template-columns:5rem minmax(0,1fr) auto;gap:1rem;align-items:start;padding:1.2rem 0;border-top:1px solid var(--rule)}.lines .thumb{grid-column:1;width:5rem;aspect-ratio:1;object-fit:contain;background:#eceae40a}.lines li>div{grid-column:2;display:grid;gap:.2rem;min-width:0;overflow-wrap:break-word}.lines li>.price{grid-column:3;white-space:nowrap}.lines .price .fx-ref{display:block;margin:.15rem 0 0;text-align:right;font:400 .8125rem/1.4 var(--f-body)}.lines .qty{display:flex;align-items:center;gap:.6rem;margin-top:.3rem}.lines .thumb.icon{padding:.9rem;box-sizing:border-box}.lines .qty{white-space:nowrap}@media(max-width:720px){.lines li{grid-template-columns:4.5rem minmax(0,1fr);gap:.4rem .9rem}.lines .thumb{width:4.5rem}.lines li>.price{grid-column:2;justify-self:end;font-size:1.1rem}.lines .qty .fx-ref{display:none}}.lines .qty a{display:inline-grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--rule);text-decoration:none;line-height:1}.lines .qty a:hover{border-color:var(--bone)}.lines .qty>span:first-of-type{min-width:1.5rem;text-align:center;font-variant-numeric:tabular-nums}.total{border-top:1px solid var(--rule);padding-top:1rem}.product-simple{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));align-items:start;gap:2rem}.product-simple>div,.product-simple form{display:grid;gap:1rem;min-width:0}.product-simple .production-note{margin:0;font-size:.8125rem;line-height:1.6;color:var(--dust)}.product-simple label{display:grid;gap:.3rem;font-size:.875rem;color:var(--dust)}.price{font-family:var(--f-body);font-size:1.25rem;font-variant-numeric:tabular-nums}body.password .shop-main{display:grid;place-items:center}.gate{max-width:26rem}.gate img{height:2.4rem;width:auto}.gate form{display:grid;gap:.8rem;width:100%;text-align:left}.gate label{font-size:.8125rem;color:var(--dust);letter-spacing:.08em}.gate .btn{justify-self:stretch;text-align:center}.err{color:var(--lamp)}.pagination{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.shop-tools nav{align-items:center}.shop-tools nav a{font-size:.9375rem;color:#eceae4c7}.shop-tools nav a.nav-member{padding:.4rem .85rem;border:1px solid rgba(236,234,228,.38)}.shop-tools nav a.nav-cart{padding:.4rem .85rem;color:var(--night);background:var(--lamp);border:1px solid var(--lamp)}.shop-tools nav a.nav-cart[aria-current=page]{color:var(--lamp);background:transparent}@media(max-width:900px){.shop-tools nav a.nav-member,.shop-tools nav a.nav-cart{padding:0;border:0;background:none;color:var(--lamp)}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/semi-base.css.map */