:root{--paper: #fff;--ink: #000;--quiet: #767676;--mist: #f2f2f2;--accent: #526d6b;--mono: "Fragment Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", monospace;--t-s: 12px;--t-m: 14px;--t-l: clamp(19px, 2.4vw, 26px);--gutter: 16px;--max: 1200px;--section: 80px}@media(min-width:600px){:root{--gutter: 24px;--section: 104px;--t-s: 13px;--t-m: 15px}}@media(min-width:1024px){:root{--gutter: 40px;--section: 136px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--mono);font-size:var(--t-m);line-height:1.5;letter-spacing:.01em;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}button,input{font:inherit;letter-spacing:inherit;color:inherit}h1,h2,h3{font-weight:400}p{margin:0;text-wrap:pretty}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--ink);color:var(--paper)}.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{position:absolute;left:var(--gutter);top:8px;z-index:20;padding:8px 12px;background:var(--paper);font-size:var(--t-s);transform:translateY(-200%)}.skip:focus{transform:none}.wrap{width:min(100% - 2 * var(--gutter),var(--max));margin-inline:auto}.site-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;padding-block:20px 18px}.logo{display:block;flex:none;line-height:0}.logo img{display:block;width:48px;height:auto}.site-nav{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:var(--t-m)}.site-nav a,.cart-btn{display:inline-block;padding-block:6px;text-decoration:none}.cart-btn{margin:0;padding-inline:0;border:0;background:none;cursor:pointer}.site-nav a:hover,.cart-btn:hover,.site-nav a[aria-current=page]{text-decoration:underline}.cart-note{flex-basis:100%;font-size:var(--t-s);text-align:right}@media(min-width:720px){.site-header{padding-block:28px 26px;column-gap:32px}.site-nav{column-gap:22px}.logo img{width:56px}}.intro{display:grid;gap:40px;padding-top:clamp(32px,6vw,96px)}.intro-text{max-width:40ch}.intro-lede{margin:0;font-size:var(--t-l);line-height:1.35;text-wrap:pretty}.intro-text p{max-width:40ch;margin:20px 0 0;font-size:var(--t-m);line-height:1.6}.intro-note{margin:0;font-size:var(--t-m);line-height:1.6}@media(min-width:720px){.intro{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:last baseline}.intro-text{grid-column:6 / -1;grid-row:1;max-width:none}.intro-note{grid-column:1 / span 4;grid-row:1}}@media(min-width:1024px){.intro{column-gap:32px}}.btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-height:50px;margin:0;padding:8px 14px;border:1px solid var(--accent);border-radius:0;background:transparent;color:var(--accent);font-size:var(--t-s);line-height:1.3;text-align:center;text-decoration:none;cursor:pointer}.btn:hover{text-decoration:underline;text-underline-offset:3px}.btn-wide{width:100%}.section{margin-top:var(--section);scroll-margin-top:24px}.h-section{margin:0;font-size:var(--t-l);line-height:1.2}.section-head{margin-bottom:28px}@media(min-width:720px){.section-head{margin-bottom:40px}}.picks{display:grid;gap:64px;margin:0;padding:0;list-style:none}.pick a{display:block;color:inherit;text-decoration:none}.pick-media{margin:0;overflow:hidden;background:var(--mist)}.pick-media img{display:block;width:100%;height:auto}.pick-text{margin-top:16px;max-width:44ch}.pick-no{margin:0 0 8px;font-size:var(--t-s);color:var(--quiet)}.pick-name{margin:0;font-size:var(--t-m);line-height:1.35}.pick-name,.card-name{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em}.pick a:hover .pick-name,.card a:hover .card-name{text-decoration-thickness:2px}.pick-by{margin:4px 0 0;font-size:var(--t-s)}.pick-why{margin:14px 0 0;font-size:var(--t-m);line-height:1.6;text-wrap:pretty}.pick-tag{display:inline-block;margin-top:14px;padding:3px 8px;border:1px solid var(--accent);color:var(--accent);font-size:var(--t-s)}.pick.is-small{width:78%}.pick.is-small:nth-child(4n+2){justify-self:end}@media(min-width:720px){.picks{grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px}.pick.is-small{width:auto}.pick:nth-child(1){grid-column:1 / span 7}.pick:nth-child(2){grid-column:9 / span 4;margin-top:clamp(120px,18vw,240px)}.pick:nth-child(3){grid-column:2 / span 4;margin-top:clamp(200px,26vw,340px)}.pick:nth-child(4){grid-column:7 / span 6;margin-top:96px}}@media(min-width:1024px){.picks{column-gap:32px}}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 12px;margin:0;padding:0;list-style:none}@media(max-width:359px){.grid{grid-template-columns:minmax(0,1fr)}}@media(min-width:720px){.grid{gap:48px 24px}}@media(min-width:1024px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:64px 32px}}.card[hidden]{display:none}.card a{display:block;text-decoration:none}.card-media{aspect-ratio:1;overflow:hidden;background:var(--mist)}.card-media img{width:100%;height:100%;object-fit:cover;object-position:var(--focus, 50% 50%)}.card-name{margin-top:12px;font-size:var(--t-m);line-height:1.35}.card-price{margin-top:2px;font-size:var(--t-s)}.card-note{margin-top:2px;font-size:var(--t-s);color:var(--quiet)}@media(min-width:720px){.card-name{margin-top:14px}}.filter-bar{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-top:18px}.filters{display:flex;flex-wrap:wrap;gap:0 20px}.filter{margin:0;padding:8px 0;border:0;background:none;cursor:pointer;text-underline-offset:6px}.filter:hover{text-decoration:underline}.filter[aria-pressed=true]{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent)}.count{font-size:var(--t-s);color:var(--quiet)}.makers{display:grid;gap:64px;margin:0;padding:0;list-style:none}.maker-media{margin:0;overflow:hidden;background:var(--mist)}.maker-media img{width:100%;height:100%;aspect-ratio:4 / 5;object-fit:cover}.maker-media.is-square img{aspect-ratio:1}.maker-text{margin-top:18px}.meta{margin:0}.meta div{display:flex;flex-wrap:wrap;gap:0 1ch}.meta dt{color:var(--quiet)}.meta dd{margin:0}.maker-about{max-width:42ch;margin-top:14px}.maker-thumbs{display:grid;grid-template-columns:repeat(auto-fill,72px);gap:8px;margin:18px 0 0;padding:0;list-style:none}.maker-thumbs a{display:block;aspect-ratio:1;overflow:hidden;background:var(--mist)}.maker-thumbs img{width:100%;height:100%;object-fit:cover}.maker-thumbs a:hover,.maker-thumbs a:focus-visible{outline:1px solid var(--ink);outline-offset:2px}@media(min-width:720px){.makers{gap:96px}.maker{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:end}.maker-media{grid-column:1 / 7;grid-row:1}.maker-text{grid-column:8 / 13;grid-row:1;margin-top:0}.maker:nth-child(2n) .maker-media{grid-column:7 / 13}.maker:nth-child(2n) .maker-text{grid-column:1 / 6}}@media(min-width:1024px){.maker-media{grid-column:1 / 6}.maker-text{grid-column:7 / 11}.maker:nth-child(2n) .maker-media{grid-column:8 / 13}.maker:nth-child(2n) .maker-text{grid-column:3 / 7}}.mk-head{display:grid;gap:20px;padding-block:clamp(24px,4vw,64px) clamp(40px,6vw,96px)}.mk-name{margin:0;font-size:var(--t-l);line-height:1.2}.mk-zh{margin-top:4px;font-size:var(--t-l);line-height:1.2;color:var(--quiet)}.mk-text{display:grid;gap:14px;max-width:44ch}.mk-count{font-size:var(--t-s);color:var(--quiet)}.mk-others{margin-top:var(--section)}.mk-index{display:grid;gap:6px;margin:24px 0 0;padding:0;list-style:none}@media(min-width:720px){.mk-head{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}.mk-title{grid-column:1 / span 5}.mk-text{grid-column:7 / -1}.mk-others{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px}.mk-others .h-section{grid-column:1 / span 5}.mk-index{grid-column:7 / -1;margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.mk-head,.mk-others{column-gap:32px}}.signup{margin-top:calc(var(--section) * 1.5)}.signup-line{display:grid;gap:12px;font-size:var(--t-l);line-height:1.35}.signup-field{display:flex;align-items:baseline;gap:12px;max-width:22ch}.signup-field input{flex:1;min-width:0;margin:0;padding:0 0 4px;border:0;border-bottom:1px solid var(--ink);border-radius:0;background:none;font-size:max(16px,1em);line-height:inherit;-webkit-appearance:none;appearance:none}.signup-field input::placeholder{color:var(--quiet);opacity:1}.signup-field input:focus{outline:none;border-bottom-color:var(--accent)}.signup-field button{margin:0;padding:0 2px;border:0;background:none;font-size:1em;line-height:inherit;cursor:pointer}.signup-field button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.form-msg{margin-top:14px;font-size:var(--t-s)}.form-msg:empty{display:none}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:var(--section);padding-block:24px 72px;font-size:var(--t-s)}.site-footer a{display:inline-block}.footer-links{display:flex;flex-wrap:wrap;gap:4px 22px}.crumbs{margin-bottom:20px;font-size:var(--t-s)}.crumbs ol{display:flex;flex-wrap:wrap;align-items:baseline;margin:0;padding:0;list-style:none}.crumbs li+li:before{content:"\203a";margin-inline:1ch;color:var(--quiet)}.crumbs a{display:inline-block;padding-block:4px}.product{display:grid;gap:28px}.p-gallery{min-width:0}.p-track{display:flex;margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.p-track::-webkit-scrollbar{display:none}.p-slide{flex:0 0 100%;aspect-ratio:var(--ar, 1);scroll-snap-align:start;background:var(--mist)}.p-slide img{width:100%;height:100%;object-fit:cover}.p-counter{margin-top:8px;font-size:var(--t-s);text-align:right}.p-name{margin:0;font-size:var(--t-l);line-height:1.2;overflow-wrap:anywhere}.p-maker{margin-top:6px;color:var(--quiet)}.p-price{margin-top:14px;font-size:var(--t-m)}.p-price-note{margin-top:2px;font-size:var(--t-s);color:var(--quiet)}.p-options{margin:24px 0 0;padding:0;border:0;min-width:0}.p-label{display:block;margin-bottom:10px;padding:0;font-size:var(--t-s)}.p-options legend{float:left;width:100%}.pills{display:flex;flex-wrap:wrap;gap:8px;clear:left}.pill{position:relative;display:inline-flex;align-items:center;min-height:38px;padding:6px 16px;border:1px solid var(--quiet);border-radius:999px;font-size:var(--t-s);line-height:1.3;cursor:pointer}.pill input{position:absolute;opacity:0;width:1px;height:1px;margin:0;pointer-events:none}.pill:hover{border-color:var(--ink)}.pill:has(input:checked){border-color:var(--accent);color:var(--accent)}.pill:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.p-stock{margin-top:12px;font-size:var(--t-s)}.p-stock:empty{display:none}.p-qty{margin-top:24px}.stepper{display:inline-grid;grid-template-columns:44px 52px 44px;height:44px;border:1px solid var(--quiet)}.stepper button{margin:0;padding:0;border:0;background:none;font-size:var(--t-m);line-height:1;cursor:pointer}.stepper button:disabled{color:var(--quiet);cursor:default}.stepper input{width:100%;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none;font-size:16px;text-align:center;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.p-buy{margin-top:24px}.p-msg{margin-top:10px;font-size:var(--t-s)}.p-msg:empty{display:none}.p-ship{margin-top:10px;font-size:var(--t-s);color:var(--quiet)}.p-copy{display:grid;gap:12px;max-width:52ch;margin-top:32px}.p-details{margin-top:32px;border-bottom:1px solid var(--ink)}.p-details details{border-top:1px solid var(--ink)}.p-details summary{display:flex;justify-content:space-between;gap:16px;padding:13px 0;cursor:pointer;list-style:none}.p-details summary::-webkit-details-marker{display:none}.p-details summary:after{content:"+"}.p-details details[open] summary:after{content:"\2212"}.p-details summary:hover{text-decoration:underline}.p-details .d-body{display:grid;gap:8px;max-width:52ch;padding-bottom:16px}.notfound{padding-block:48px 24px}.loading{padding-block:48px;color:var(--quiet)}.load-error{grid-column:1 / -1;color:var(--quiet)}.notfound h1{margin:0 0 16px;font-size:var(--t-l);line-height:1.3}.more{margin-top:var(--section)}@media(min-width:900px){.crumbs{margin-bottom:28px}.product{grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:64px;align-items:start}.p-track{display:grid;gap:16px;overflow:visible;scroll-snap-type:none}.p-slide{aspect-ratio:auto}.p-slide img{height:auto;object-fit:initial}.p-counter{display:none}.p-info{position:sticky;top:24px}}@media(max-width:599px){.site-nav a,.cart-btn,.filter{padding-block:12px}.pill{min-height:44px}}.rte>*+*{margin-top:1em}.rte a{color:var(--accent)}.rte ul,.rte ol{padding-left:1.4em}.rte h2,.rte h3{font-size:var(--t-m);font-weight:400;margin-top:2em}.page-body{max-width:58ch;margin-top:24px}.collection-note{max-width:58ch;margin-bottom:32px;color:var(--quiet)}.pagination{margin-top:48px;font-size:var(--t-s);text-align:center}.pagination a,.pagination span{padding:12px 8px;display:inline-block}.cart-lines{list-style:none;margin:24px 0 0;padding:0}.cart-line{display:grid;grid-template-columns:88px 1fr auto;gap:16px;align-items:start;padding:20px 0;border-top:1px solid var(--mist)}.cart-media img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;background:var(--mist)}.cart-text .card-name{margin:0}.cart-variant{margin:4px 0 0;font-size:var(--t-s);color:var(--quiet)}.cart-qty{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.cart-qty input{width:4.5rem;min-height:44px;padding:0 8px;font:inherit;font-size:16px;text-align:center;color:inherit;background:var(--paper);border:1px solid var(--ink)}.cart-remove{font-size:var(--t-s);color:var(--quiet)}.cart-foot{margin-top:32px;padding-top:24px;border-top:1px solid var(--ink)}.cart-total{margin:0}.cart-foot .cart-note{margin:8px 0 0;font-size:var(--t-s);color:var(--quiet)}.cart-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}@media(min-width:600px){.cart-line{grid-template-columns:120px 1fr auto;gap:24px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/base.css.map */