:root{color-scheme:dark;--gold:#ffd569;--cream:#fff6d3;--black:#050300}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;background:#050300;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Noto Sans TC",sans-serif;-webkit-text-size-adjust:100%}
button,input,a{-webkit-tap-highlight-color:transparent}
button,input{font:inherit}
button,a{touch-action:manipulation}
button{cursor:pointer}
a{color:inherit}
[hidden]{display:none!important}
.site{max-width:1024px;margin:0 auto;container-type:inline-size;background:#030201;overflow:hidden;min-height:100svh}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:20;top:5px;left:5px;transform:translateY(-150%);background:#ffe397;color:#151000;padding:12px}
.skip-link:focus{transform:none}
.brand-hero{position:relative;width:100%;line-height:0}
.hero-art{display:block;width:100%;height:auto}
.hero-contact,.hero-explore{position:absolute;display:block;border-radius:999px;min-height:44px;transform:translateY(-50%)}
.hero-contact{left:73%;width:25%;top:17.4%;height:16%}
.hero-explore{left:4.3%;width:29%;top:87.8%;height:15%}
.hero-contact:focus-visible,.hero-explore:focus-visible{outline:3px solid white;outline-offset:3px;box-shadow:0 0 24px #ffc933}
#catalog{scroll-margin-top:8px}
.catalog-heading{position:relative;line-height:0}
.catalog-heading img{width:100%;height:auto;display:block}
.catalog-controls{padding:0 5.7cqw}
.search-box{display:flex;align-items:center;gap:1.2cqw;width:100%;min-height:45px;height:6.4cqw;max-height:70px;border:1.6px solid #fff6c2;border-radius:2.4cqw;background:linear-gradient(180deg,#211407,#080603 55%,#140b02);box-shadow:0 0 3px 1px #fff2bf,0 0 9px 2px #ffa600,0 0 18px #c16e2077,inset 0 0 9px #a26520;padding:0 2.1cqw}
.search-box svg{flex:0 0 auto;width:3.4cqw;min-width:19px;height:3.4cqw;min-height:19px;fill:none;stroke:white;stroke-width:2.7;stroke-linecap:round}
.search-box input{border:0;outline:0;min-width:0;flex:1;width:100%;height:100%;padding:0;color:white;background:transparent;border-radius:inherit;font-size:clamp(16px,3.15cqw,32px)}
.search-box input::placeholder{color:#e1dfdb;opacity:1}
.search-box:focus-within{outline:2px solid #fff0a7;outline-offset:4px}
.filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:1.9cqw;margin:2.4cqw 0 2.35cqw}
.filters button{min-width:0;min-height:44px;height:6cqw;max-height:65px;border-radius:999px;border:1.3px solid #f5c66a;background:linear-gradient(180deg,#302315,#090604 58%,#241401);box-shadow:inset 0 1px 4px #ffe39c99,0 0 5px #ba731c77;color:#fff;font-size:clamp(13px,3cqw,30px);font-weight:750;white-space:nowrap;padding:0}
.filters button[aria-pressed=true]{background:linear-gradient(#fff9d1,#ffe660 25%,#ffc000 68%,#ffb600);color:#171000;border-color:#ffffdf;box-shadow:0 0 6px #fff3bd,0 0 18px #ffb300,inset 0 0 8px #fff5b3}
.filters button:focus-visible{outline:2px solid white;outline-offset:4px}
.catalog-status{text-align:center;color:#e0c792;margin:0 5.7cqw 2cqw;font-size:clamp(12px,1.65cqw,17px);line-height:1.5}
.catalog-status:empty{display:none}
.retry{display:block;margin:0 auto 18px;border:1px solid #ffd569;color:#ffe6a5;border-radius:999px;padding:10px 22px;min-height:44px;background:#211304}
.products,.empty-design{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.8cqw;padding:0 1.4cqw;align-items:start}
.empty-design img{width:100%;height:auto;display:block}




.product-photo img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 3px 7px #000a)}
.product-photo .image-fallback{color:#d0ac6a;font-size:clamp(10px,5cqw,22px);text-align:center;text-shadow:0 0 9px #b67d26}
.flags{position:absolute;z-index:2;top:12%;left:8%;right:8%;display:flex;justify-content:center;gap:8px;pointer-events:none}
.flag{font-size:clamp(10px,4.7cqw,22px);font-weight:800;border:1px solid #ffe6a9;border-radius:999px;padding:3px 9px;background:linear-gradient(#fff2b6,#ffc63d);color:#1b1000;box-shadow:0 0 10px #e9ac30}








.spec:focus-visible{outline:2px solid white;outline-offset:3px}
.spec.inquiry{cursor:default;flex-basis:70%;color:#ffe4a5}



.order-link:focus-visible{outline:3px solid white;box-shadow:0 0 14px #ffd100;outline-offset:2px}
.image-error{border:1px dashed #987244;border-radius:8px;background:#100b05dd}
footer{text-align:center;padding:4cqw 16px 20px;color:#c6aa71;background:url('assets/page-end.webp') top center/100% auto no-repeat;font-size:12px;line-height:1.7}
footer p{margin:10px 0 2px}footer a{display:inline-block;text-decoration:none;padding:5px 8px}
footer .admin-link{font-size:11px;opacity:.8}footer small{display:block;font-size:10px;opacity:.55}
.noscript{padding:20px;text-align:center;color:#ffdda2}
@media(min-width:1200px){body{background:radial-gradient(ellipse at 50% 0,#392509,#050300 70%)}.site{box-shadow:0 0 80px #8d5b1522}}
@media(max-width:359px){.catalog-controls{padding:0 4.8cqw}.filters{gap:1.3cqw}.filters button{font-size:12px}.product-name{font-size:12px}.spec-price{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Original-art spec border; content remains accessible, selectable live text. */


/* Each dynamic card uses ONE continuous original-art skin: no joined border pieces. */
.product-card{position:relative;min-width:0;aspect-ratio:498/635;background:url('assets/card-skin.webp') center/100% 100% no-repeat;text-align:center;container-type:inline-size;isolation:isolate}
.photo-zone{position:absolute;inset:5% 3% 56%}
.product-photo{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px}
.flags{top:0;left:0;right:0}
.product-body{position:absolute;inset:44% 7% 34%;background:transparent;padding:0}
.product-name{position:absolute;top:5%;left:0;right:0;height:30%;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;font-size:clamp(11px,5.8cqw,28px);line-height:1.2;font-weight:800;text-shadow:0 0 5px #d5a34477;overflow-wrap:anywhere;color:#fff8e9;padding:0 2px}
.specs{position:absolute;left:0;right:0;top:auto;bottom:0;height:clamp(38px,20cqw,86px);display:flex;gap:6px;align-items:stretch;justify-content:center}
.spec{position:relative;flex:0 1 calc((100% - 6px)/2);min-width:0;min-height:0;height:100%;padding:clamp(5px,2cqw,10px) 2px 2px;border:0;border-radius:8px;background:url('assets/price-frame.webp') center/100% 100% no-repeat;color:white;text-align:center;box-shadow:none;font-weight:800;display:flex;flex-direction:column;align-items:center;justify-content:center}
.spec-label,.spec-price{display:block;white-space:nowrap;line-height:1.12;overflow-wrap:normal}
.spec-label{font-size:clamp(10px,4.7cqw,24px);transform:translateY(3px)}
.spec-price{font-size:clamp(10px,5.4cqw,27px);margin-top:4px;color:#fff0bf;font-variant-numeric:tabular-nums}
.spec[aria-pressed=true]{filter:brightness(1.13);box-shadow:0 0 6px #ffc21844}
.card-footer{position:absolute;inset:0;pointer-events:none;line-height:normal}
.order-link{position:absolute;left:13%;width:65%;top:85%;height:13%;min-height:44px;transform:translateY(-50%);pointer-events:auto;display:block;border-radius:999px}

/* Empty-state frames follow the same 6px spacing as real products; no sample prices. */
.empty-design .spec{pointer-events:none}