@font-face{font-family:Noto Sans TC;src:url(/assets/noto-sans-tc-C4H09yUL.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Barlow;src:url(/assets/barlow-400-BOy0DEBu.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/assets/barlow-condensed-400-DamRxICP.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/assets/barlow-condensed-600-B_k4j47m.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/assets/instrument-serif-400-orgrWAhb.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Instrument Serif;src:url(/assets/instrument-serif-400i-Cq8mjPT_.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Noto Serif TC;src:url(data:font/woff2;base64,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)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Caveat;src:url(/assets/caveat-500-CJpQaro9.woff2)format("woff2");font-weight:500;font-display:swap}:root{--paper:#ece8e1;--tile:#f4f2ee;--field:#17191a;--field-deep:#0f1112;--accent:#5980a6;--ink:#1d1f20;--line:#1d1f2038;--line-soft:#1d1f2029;--on-field-line:#f2f2f338;--on-field-line-soft:#f2f2f32e;--f-body:"Barlow", "Noto Sans TC", system-ui, sans-serif;--f-cond:"Barlow Condensed", "Noto Sans TC", sans-serif;--f-tc:"Barlow", "Noto Sans TC", system-ui, sans-serif;--f-serif:"Instrument Serif", "Noto Serif TC", Georgia, serif;--f-serif-tc:"Noto Serif TC", "Noto Sans TC", serif;--f-hand:"Caveat", "Segoe Print", cursive;--gutter:clamp(16px, 4vw, 96px)}*,:before,:after{box-sizing:border-box}body{background:var(--paper);color:var(--ink);font-family:var(--f-body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.6}h1,h2,h3,p,dl,dd{margin:0}a{color:inherit;text-decoration:none}::selection{background:var(--field);color:var(--paper)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{width:100%}.flat-white{--flat-fill:#fff;color:var(--ink)}.flat-black{--flat-fill:var(--ink);--flat-edge:var(--ink);color:#8e9194}.nav{z-index:40;background:var(--field);color:var(--paper);border-bottom:1px solid #f2f2f329;position:sticky;top:0}.nav__inner{min-height:64px;padding:0 var(--gutter);align-items:center;gap:clamp(16px,4vw,56px);display:flex}.nav__logo{font:600 23px/1 var(--f-cond);letter-spacing:.32em;flex:none;align-items:center;gap:10px;transition:color .16s;display:flex}.nav__logo:before{content:"";background:var(--accent);width:9px;height:9px}.nav__links{white-space:nowrap;scrollbar-width:none;flex:auto;align-items:center;gap:clamp(14px,2.6vw,34px);min-width:0;display:flex;overflow-x:auto}.nav__links a{border-bottom:2px solid #0000;padding:22px 0;transition:border-color .16s,color .16s}.nav__links a,.nav__cart{font:15px/1.6 var(--f-cond);letter-spacing:.2em;text-transform:uppercase}.nav__links a:hover{border-bottom-color:var(--accent);color:#fff}.nav__cart{color:inherit;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:8px;padding:0;transition:color .16s;display:flex}.nav__cart span{font:12px var(--f-body);letter-spacing:.04em;color:var(--accent)}.nav__logo:hover,.nav__cart:hover{color:var(--accent)}.crumbs{border-bottom:1px solid var(--line-soft)}.crumbs__inner{padding:16px var(--gutter);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.crumbs__path{font:13px/1.6 var(--f-cond);letter-spacing:.2em;text-transform:uppercase;color:#1d1f2080;gap:12px;display:flex}.crumbs__path a{transition:color .16s}.crumbs__path a:hover{color:var(--accent)}.crumbs__path [aria-current]{color:var(--field)}.crumbs__back{font:13px/1.6 var(--f-tc);letter-spacing:.08em;color:#1d1f2099;transition:color .16s}.crumbs__back:hover{color:var(--accent)}.foot{padding:clamp(56px, 6vw, 96px) var(--gutter) clamp(28px, 3vw, 40px);background:var(--field-deep);color:var(--paper)}.foot__grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(36px,4vw,56px) clamp(24px,4vw,64px);display:grid}.foot__h{font:13px/1.6 var(--f-cond);letter-spacing:.26em;text-transform:uppercase;color:var(--accent)}.foot__p{max-width:30ch;font:14px/1.9 var(--f-tc);color:#f2f2f3c7;margin-top:16px}.foot__p.wide{max-width:32ch}.foot__form{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.foot__form input{min-width:0;color:var(--paper);font:14px var(--f-body);letter-spacing:.04em;background:0 0;border:1px solid #f2f2f359;border-radius:0;flex:220px;padding:13px 14px}.foot__form input:hover,.foot__form input:focus{border-color:var(--accent)}.foot__form button{background:var(--accent);color:#fff;border:1px solid var(--accent);cursor:pointer;white-space:nowrap;font:14px var(--f-tc);letter-spacing:.1em;border-radius:0;flex:none;padding:13px 20px;transition:background-color .16s,color .16s,border-color .16s}.foot__form button:hover{color:var(--field);background:#fff;border-color:#fff}.foot__status:not(:empty){font:13px/1.7 var(--f-tc);letter-spacing:.04em;flex-basis:100%}.foot__status[data-tone=ok]{color:var(--accent)}.foot__status[data-tone=warn]{color:#d9826c}.foot__link{font:14px/1.6 var(--f-tc);letter-spacing:.08em;border-bottom:1px solid #f2f2f380;margin-top:18px;padding-bottom:3px;transition:color .16s,border-color .16s;display:inline-block}.foot__link:hover{color:var(--accent);border-bottom-color:var(--accent)}.foot__bar{border-top:1px solid var(--on-field-line-soft);font:12px/1.6 var(--f-cond);letter-spacing:.22em;text-transform:uppercase;color:#f2f2f38c;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(44px,5vw,76px);padding-top:22px;display:flex}.foot__note{font-family:var(--f-tc);letter-spacing:.08em;text-transform:none;color:#f2f2f373}html:has(.drawer[open]){padding-right:var(--scrollbar,0px);overflow:hidden}.drawer{--ease:cubic-bezier(.2, .7, .2, 1);--dur:.34s;background:var(--paper);width:min(440px,100%);max-width:none;height:100%;max-height:none;color:var(--ink);border:0;border-left:1px solid var(--line);transition:transform var(--dur) var(--ease), overlay var(--dur) allow-discrete, display var(--dur) allow-discrete;margin:0;padding:0;position:fixed;inset:0 0 0 auto;transform:translate(100%)}.drawer[open]{flex-direction:column;display:flex;transform:none}@starting-style{.drawer[open]{transform:translate(100%)}}.drawer::backdrop{transition:background-color var(--dur), overlay var(--dur) allow-discrete, display var(--dur) allow-discrete;background:#0f111200}.drawer[open]::backdrop{background:#0f111280}@starting-style{.drawer[open]::backdrop{background:#0f111200}}@media (prefers-reduced-motion:reduce){.drawer,.drawer::backdrop{transition:none}}.drawer__head{min-height:64px;padding:0 var(--gutter);background:var(--field);color:var(--paper);flex:none;justify-content:space-between;align-items:center;gap:16px;display:flex}.drawer__title{font:15px/1.6 var(--f-cond);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:8px;display:flex}.drawer__title span{font:12px var(--f-body);letter-spacing:.04em;color:var(--accent)}.drawer__close{color:inherit;cursor:pointer;font:15px/1.6 var(--f-cond);letter-spacing:.2em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:10px;padding:8px 0;transition:color .16s;display:flex}.drawer__close span{letter-spacing:0;font-size:13px}.drawer__close:hover{color:var(--accent)}.drawer__list{overscroll-behavior:contain;padding:0 var(--gutter);flex:auto;margin:0;list-style:none;overflow-y:auto}.drawer__item{border-bottom:1px solid var(--line-soft);grid-template-columns:76px minmax(0,1fr) auto;gap:16px;padding:22px 0;display:grid}.drawer__thumb{aspect-ratio:4/5;background:var(--tile);align-self:start;place-items:center;display:grid}.drawer__thumb svg{width:64%}.drawer__info{flex-direction:column;min-width:0;display:flex}.drawer__eyebrow{font:12px/1.6 var(--f-cond);letter-spacing:.22em;text-transform:uppercase;color:#1d1f2080;align-items:center;gap:10px;display:flex}.drawer__eyebrow span{background:var(--accent);color:#fff;letter-spacing:.16em;padding:0 6px}.drawer__name{text-overflow:ellipsis;white-space:nowrap;font:15px/1.6 var(--f-tc);letter-spacing:.04em;margin-top:4px;transition:color .16s;overflow:hidden}.drawer__name:hover{color:var(--accent)}.drawer__size{font:13px/1.6 var(--f-tc);letter-spacing:.06em;color:#1d1f2099}.qty{border:1px solid var(--line);align-self:flex-start;align-items:stretch;margin-top:14px;display:inline-flex}.qty button{width:36px;height:36px;color:var(--ink);cursor:pointer;font:17px/1 var(--f-body);background:0 0;border:0;border-radius:0;padding:0;transition:background-color .16s,color .16s}.qty button:hover{background:var(--field);color:var(--paper)}.qty button[aria-disabled=true]{color:#1d1f2040;cursor:not-allowed;background:0 0}.qty__n{border-inline:1px solid var(--line-soft);min-width:34px;font:15px var(--f-body);font-variant-numeric:tabular-nums;place-items:center;display:grid}.drawer__side{flex-direction:column;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.drawer__price{font:15px/1.5 var(--f-body);letter-spacing:.02em;font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;display:flex}.drawer__price small{font:12px/1.5 var(--f-body);color:#1d1f2080}.drawer__remove{color:#1d1f2099;cursor:pointer;font:13px/1.6 var(--f-tc);letter-spacing:.08em;background:0 0;border:0;border-bottom:1px solid #1d1f204d;padding:0 0 2px;transition:color .16s,border-color .16s}.drawer__remove:hover{color:#b4553f;border-bottom-color:#b4553f}.drawer__empty{padding:40px var(--gutter);font:15px/1.8 var(--f-tc);letter-spacing:.04em;flex-direction:column;flex:auto;align-items:flex-start;gap:18px;display:flex}.drawer__empty a{letter-spacing:.08em;border-bottom:1px solid #1d1f2066;padding-bottom:3px;font-size:14px;transition:color .16s,border-color .16s}.drawer__empty a:hover{color:var(--accent);border-bottom-color:var(--accent)}.drawer__foot{padding:20px var(--gutter) max(24px, env(safe-area-inset-bottom));border-top:1px solid var(--line);flex:none}.drawer__sum{font:14px/1.6 var(--f-tc);letter-spacing:.1em;justify-content:space-between;align-items:baseline;display:flex}.drawer__sum span:last-child{font:22px/1.4 var(--f-body);letter-spacing:.02em;font-variant-numeric:tabular-nums}.drawer__note{font:12.5px/1.6 var(--f-tc);letter-spacing:.04em;color:#1d1f208c;margin-top:4px}.drawer__checkout{background:var(--accent);color:#fff;border:1px solid var(--accent);height:56px;font:15px var(--f-tc);letter-spacing:.16em;justify-content:center;align-items:center;gap:14px;margin-top:18px;transition:background-color .16s,border-color .16s;display:flex}.drawer__checkout span{font-family:var(--f-body);letter-spacing:0}.drawer__checkout:hover{background:var(--field);border-color:var(--field)}