@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/instrument-sans-var.woff2) format("woff2")}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif.woff2) format("woff2")}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-italic.woff2) format("woff2")}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/baloo2-700.woff2) format("woff2")}:root{--paper: #f2f1ed;--paper-deep: #e6e4de;--ink: #221f19;--ink-soft: #57503f;--ink-faint: #8a8171;--hairline: #dad7cf;--blue: #2440c8;--blue-soft: rgba(36, 64, 200, .12);--accent: #ff4318;--accent-soft: rgba(255, 67, 24, .14);--yellow: #efbe10;--green: #0e9b6c;--serif: "Instrument Serif", Georgia, "Noto Serif SC", serif;--sans: "Instrument Sans", -apple-system, "Segoe UI", "PingFang SC", sans-serif;--hand: "Noteworthy", "Marker Felt", "Kaiti SC", "STKaiti", "Segoe Print", cursive;--display: "Baloo 2", ui-rounded, "Arial Rounded MT Bold", "Yuanti SC", "Hiragino Maru Gothic ProN", var(--sans)}html[lang=zh-CN]{--display: "Baloo 2", "Yuanti SC", "PingFang SC", sans-serif;--serif: "Instrument Serif", "Songti SC", "Noto Serif SC", "Source Han Serif SC", serif;--sans: "Instrument Sans", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}html[lang=ja]{--display: "Baloo 2", "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;--serif: "Instrument Serif", "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--sans: "Instrument Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Noto Sans JP", sans-serif}html[lang=zh-CN] .hero h1,html[lang=ja] .hero h1,html[lang=zh-CN] .product-head h1,html[lang=ja] .product-head h1{line-height:1.18;letter-spacing:0}html[lang=zh-CN] .manifesto-line,html[lang=ja] .manifesto-line{letter-spacing:0;line-height:1.5}html[lang=zh-CN] .why blockquote p,html[lang=ja] .why blockquote p{line-height:1.7}html[lang=zh-CN] .entry-verdict,html[lang=zh-CN] .radar-verdict,html[lang=zh-CN] .related-verdict,html[lang=ja] .entry-verdict,html[lang=ja] .radar-verdict,html[lang=ja] .related-verdict{font-style:normal}:root{--measure: 42rem;--gutter: clamp(1.25rem, 5vw, 4rem);--ease-out: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0}html{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:100%;font-kerning:normal;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{min-height:100dvh;line-height:1.65;font-size:1rem;overflow-x:clip}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:1px}.catalog-row a:active,.radar-entry a:active,.entry-nav-cell:active,.back:active{transform:translateY(1px)}.card a:active{scale:.97}::selection{background:var(--blue-soft)}.wrap{max-width:72rem;margin-inline:auto;padding-inline:var(--gutter)}.topbar{display:flex;align-items:baseline;justify-content:space-between;padding-block:clamp(1.25rem,3vw,2rem);border-bottom:1px solid var(--hairline)}.brand{font-family:var(--display);font-weight:700;font-size:1.5rem;letter-spacing:-.01em;color:var(--ink)}.brand .brand-dot{color:var(--accent)}.topbar-right{display:flex;align-items:baseline;gap:2.5rem}.topbar nav{display:flex;gap:2rem;font-size:.8125rem;color:var(--ink-soft)}.topbar nav a{transition:color .15s ease}.topbar nav a:hover{color:var(--blue)}.lang-menu{position:relative}.lang-btn{display:inline-flex;align-items:center;gap:.3em;background:none;border:0;padding:.2em .1em;font:inherit;font-size:.8125rem;color:var(--ink-soft);cursor:pointer;transition:color .15s ease}.lang-btn:hover{color:var(--blue)}.lang-btn svg{width:.8em;height:.8em;transition:rotate .2s var(--ease-out)}.lang-btn[aria-expanded=true] svg{rotate:180deg}.lang-pop{position:absolute;top:calc(100% + .5rem);right:0;z-index:50;min-width:6.5rem;background:#fdfdfb;border:1px solid rgba(34,31,25,.14);box-shadow:0 10px 22px -12px #221f1966;padding:.3rem;rotate:-1deg}.lang-item{display:block;padding:.4rem .7rem;font-size:.8125rem;color:var(--ink-soft);white-space:nowrap;transition:background .12s ease,color .12s ease}.lang-item:hover{color:var(--ink);background:#efbe1059}.lang-item.on{color:var(--ink);font-weight:600}.lang-item.on:after{content:"";display:inline-block;width:.4em;height:.4em;margin-left:.5em;border-radius:50%;background:var(--accent);vertical-align:.05em}.topbar nav a{white-space:nowrap}@media(max-width:40rem){.topbar{flex-wrap:wrap;gap:.625rem 0}.topbar-right{flex-wrap:wrap;gap:.625rem 1.25rem}.topbar nav{gap:1.25rem}}.hero{position:relative;padding-block:clamp(2.5rem,6vw,4.5rem) clamp(1rem,2vw,1.5rem);text-align:center}.hero h1{font-family:var(--display);font-weight:700;font-size:clamp(2.1rem,4.8vw,3.7rem);line-height:1.18;letter-spacing:-.01em;text-wrap:balance}.hero h1 .mark{display:inline-block;rotate:-.6deg;padding:0 .14em;background:#efbe1085;border-radius:.3em .5em .35em .55em/.5em .35em .55em .3em}.hero-sub{display:inline-block;font-family:var(--hand);font-size:clamp(1.1875rem,2.2vw,1.5rem);color:var(--blue);margin-top:1.2rem;rotate:-1.2deg}.sticker-field{position:relative;height:clamp(8rem,14vw,10rem);margin-top:clamp(1rem,2.5vw,1.5rem);overflow:hidden}.sticker-field canvas{position:absolute;left:0;top:0;cursor:grab;touch-action:none}.sticker-field canvas:active{cursor:grabbing}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:40;opacity:.4;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.48 0 0 0 0.05 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E")}.shelf{padding-block:clamp(1rem,2.5vw,2rem) clamp(3rem,7vw,5rem);text-align:center}.cards{list-style:none;padding:.5rem 0 0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(1.25rem,3vw,2.25rem)}.card{width:min(19.5rem,100%);position:relative;rotate:var(--rot, 0deg);translate:0 var(--ty, 0rem);transition:rotate .3s var(--ease-out),translate .3s var(--ease-out)}.card:nth-child(1){--rot: -2.4deg}.card:nth-child(2){--rot: 1.6deg;--ty: .8rem}.card:nth-child(3){--rot: -1.2deg}.card:nth-child(4){--rot: 2.6deg;--ty: .6rem}.card:nth-child(5){--rot: -2deg;--ty: .3rem}.card:nth-child(6){--rot: 1.4deg;--ty: .7rem}.card a{display:block;background:#fdfdfb;border:1px solid rgba(34,31,25,.14);padding:.7rem .7rem 1rem;box-shadow:0 8px 18px -12px #221f1973;text-align:left;transition:box-shadow .3s var(--ease-out)}.card a:active{scale:.98}.cards.will-settle .card{opacity:0}.cards.on .card{animation:card-settle .64s var(--ease-out) backwards;opacity:1}.cards.on .card:nth-child(1){animation-delay:60ms}.cards.on .card:nth-child(2){animation-delay:.19s}.cards.on .card:nth-child(3){animation-delay:.32s}.cards.on .card:nth-child(4){animation-delay:.45s}.cards.on .card:nth-child(5){animation-delay:.58s}.cards.on .card:nth-child(6){animation-delay:.71s}@keyframes card-settle{0%{opacity:0;translate:0 calc(var(--ty, 0rem) + 26px)}to{opacity:1}}@media(hover:hover)and (pointer:fine){.card:hover{rotate:0deg;translate:0 -.5rem;z-index:5}.card:hover a{box-shadow:0 20px 30px -16px #221f1980}}@media(prefers-reduced-motion:reduce){.cards.will-settle .card,.cards.on .card{animation:none;opacity:1}}.tape{position:absolute;top:-.8rem;left:50%;translate:-50% 0;width:5.5rem;height:1.5rem;z-index:2;mix-blend-mode:multiply;pointer-events:none;clip-path:polygon(3% 0,100% 2%,97% 100%,0 96%,2% 55%,0% 30%)}.card:nth-child(4n+1) .tape{background:#2440c84d;rotate:-3deg}.card:nth-child(4n+2) .tape{background:#0e9b6c47;rotate:2.5deg}.card:nth-child(4n+3) .tape{background:#ff431842;rotate:-2deg}.card:nth-child(4n+4) .tape{background:#efbe106b;rotate:3deg}.card-shot{display:block;border:1px solid rgba(34,31,25,.12);overflow:hidden;background:var(--paper-deep)}.card-shot img{display:block;width:100%;height:auto;aspect-ratio:1200 / 630;object-fit:cover;filter:saturate(.92);transition:filter .2s ease}.card:hover .card-shot img{filter:saturate(1)}.card-shot--empty{aspect-ratio:1200 / 630;display:flex;align-items:center;justify-content:center}.card-shot--empty img{width:2.5rem;height:2.5rem;aspect-ratio:auto;border-radius:8px;object-fit:contain}.card-name{display:flex;align-items:center;gap:.5rem;margin-top:.8rem;font-family:var(--display);font-weight:700;font-size:1.0625rem;letter-spacing:-.01em}.card-name .prod-ico{width:1.125rem;height:1.125rem}.card-verdict{display:block;margin-top:.35rem;font-family:var(--serif);font-style:italic;font-size:.9375rem;line-height:1.4;color:var(--ink-soft)}html[lang=zh-CN] .card-verdict,html[lang=ja] .card-verdict{font-style:normal}.catalog{list-style:none;padding:0;margin-bottom:clamp(4rem,10vw,7rem);border-top:2px solid var(--ink)}.catalog-row{border-bottom:1px solid rgba(34,31,25,.25)}.catalog-row a{display:grid;grid-template-columns:minmax(9rem,16rem) 1fr auto;gap:1.25rem;align-items:baseline;padding:.8rem .5rem;transition:background .16s ease}.catalog-row a:hover{background:linear-gradient(transparent 12%,rgba(239,190,16,.35) 16%,rgba(239,190,16,.35) 88%,transparent 92%)}.catalog-name{font-family:var(--display);font-weight:700;font-size:1.1875rem;display:flex;align-items:center;gap:.45em;white-space:nowrap}.catalog-name .prod-ico{align-self:center}.prod-ico{width:1.125rem;height:1.125rem;border-radius:3px;flex:0 0 auto;object-fit:contain}.catalog-group{font-family:var(--sans);font-size:.6875rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);padding:1.75rem .5rem .625rem}.catalog-group:first-child{padding-top:.875rem}.catalog-tagline{min-width:0;color:var(--ink-soft);font-size:.9375rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.catalog-row a:hover .catalog-name{color:var(--blue)}.catalog-row a:hover .entry-arrow{color:var(--blue);transform:translate(.375rem)}@media(max-width:44rem){.catalog-row a{grid-template-columns:1fr auto}.catalog-tagline{display:none}}.index-head{display:flex;align-items:baseline;justify-content:space-between;padding-block:1.25rem 0;margin-bottom:1.5rem}.index-head h2,.section-tag{display:inline-block;font-family:var(--sans);font-size:.75rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;padding:.4em 1.1em .45em;rotate:-1.2deg;color:var(--ink);background:#efbe1080;clip-path:polygon(2% 0%,98% 4%,100% 30%,99% 68%,98% 100%,3% 97%,0% 65%,1% 30%)}.index-head h2{display:inline-flex;align-items:center;gap:.5rem}.index-head h2 .ico{font-size:1rem}.ico{width:1em;height:1em;display:inline-block;vertical-align:-.125em;flex:0 0 auto}.tag{display:inline-block;font-size:.8125rem;color:var(--ink-soft)}.tag+.tag:before{content:"· ";color:var(--ink-faint)}.meta-tags{display:flex;flex-wrap:wrap;gap:.375rem}.entry-arrow{display:none;color:var(--ink-faint);font-size:1.25rem;transition:transform .2s var(--ease-out),color .15s ease}@media(min-width:48rem){.entry-arrow{display:block;grid-column:4;grid-row:1}}.back,.product-head,.meta-table,.product-shot,.dims,.why,.facts,.related,.entry-nav{max-width:50rem;margin-inline:auto}.back{display:block;margin-top:2.5rem;font-family:var(--sans);font-weight:500;font-size:.8125rem;color:var(--ink-soft)}.back:hover{color:var(--blue)}.product-head{padding-block:clamp(2.5rem,7vw,5rem) clamp(2rem,5vw,3.5rem)}.product-cat{font-family:var(--sans);font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:1.5rem}.product-head h1{font-family:var(--display);font-weight:700;font-size:clamp(2.4rem,7vw,4.8rem);line-height:1.02;letter-spacing:-.03em;display:flex;align-items:center;gap:.3em}.title-ico{width:.58em;height:.58em;border-radius:.1em;flex:0 0 auto}.product-tagline{margin-top:1.25rem;font-size:1.125rem;color:var(--ink-soft);max-width:var(--measure)}.meta-table{border:1px solid var(--hairline);border-radius:20px;padding:.375rem 1.375rem;background:#fdfdfa99;margin-bottom:clamp(3rem,8vw,5rem)}.meta-table>div{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:1rem;padding-block:.875rem;border-bottom:1px solid var(--hairline);font-size:.9375rem}.meta-table>div:last-child{border-bottom:0}.meta-table dt{font-family:var(--sans);font-weight:600;color:var(--ink-faint);letter-spacing:.07em;font-size:.71875rem;text-transform:uppercase;padding-top:.15em;display:flex;align-items:center;gap:.5rem}.meta-table dt .ico{font-size:.9375rem}.meta-table dd a .ico{font-size:.8125rem}.meta-table dd a{border-bottom:1px solid var(--blue);transition:color .15s ease}.meta-table dd a:hover{color:var(--blue)}.dims{margin-bottom:clamp(3rem,8vw,5rem)}.dims-rows{display:grid;gap:1rem;max-width:26rem}.dim{display:grid;grid-template-columns:7rem 1fr;align-items:center;gap:1rem}.dim-label{font-family:var(--sans);font-weight:600;font-size:.71875rem;letter-spacing:.06em;color:var(--ink-soft);text-transform:uppercase}.dim-scale{display:flex;align-items:center;gap:.375rem}.dim-pip{line-height:1;filter:grayscale(1);opacity:.28}.dim-pip img{display:block;width:1.9rem;height:1.9rem;object-fit:contain}.dim-pip.on{filter:none;opacity:1}.why{margin-bottom:clamp(3.5rem,9vw,6rem)}.section-label{font-family:var(--sans);font-size:.75rem;font-weight:650;letter-spacing:.12em;color:var(--ink-soft);text-transform:uppercase;margin-bottom:1.75rem;display:flex;justify-content:space-between;align-items:baseline}.section-label .note{font-weight:400;letter-spacing:.02em;color:var(--ink-faint);text-transform:none}.why blockquote{max-width:46rem}.why blockquote p{font-family:var(--serif);font-size:clamp(1.3rem,2.6vw,1.7rem);line-height:1.55;font-weight:400}.why blockquote p+p{margin-top:1.5em}.pullquote{display:block;margin:clamp(2rem,5vw,3rem) 0;font-family:var(--serif);font-size:clamp(1.5rem,3.2vw,2rem);line-height:1.4;color:var(--ink)}.pullquote:before{content:"—";color:var(--accent);margin-right:.4em}.facts{margin-bottom:clamp(4rem,10vw,7rem)}.facts .prose{max-width:var(--measure);color:var(--ink-soft)}.prose h2{font-family:var(--sans);font-weight:600;font-size:1.0625rem;letter-spacing:-.01em;color:var(--ink);margin:2.5rem 0 .875rem}.prose h2:first-child{margin-top:0}.prose p+p{margin-top:1em}.prose ul{padding-left:1.25rem;margin-block:.75rem}.prose li{margin-block:.5rem}.prose li::marker{color:var(--blue)}.product-shot{position:relative;margin-block:1.5rem clamp(3rem,8vw,5rem);padding:clamp(.75rem,2vw,1.25rem);background:#fdfdfb;border:1px solid rgba(34,31,25,.14);box-shadow:0 10px 22px -14px #221f1966}.product-shot .tape{background:#efbe106b;rotate:-2deg}.product-shot img{display:block;width:100%;height:auto;border:1px solid rgba(34,31,25,.1)}.entry-nav{display:grid;gap:1rem;margin-bottom:clamp(3rem,8vw,5rem)}@media(min-width:48rem){.entry-nav{grid-template-columns:1fr 1fr}}.entry-nav-cell{padding:1.25rem 1.5rem;border:1px solid var(--hairline);border-radius:12px;display:flex;flex-direction:column;gap:.375rem;transition:border-color .2s ease}a.entry-nav-cell:hover{border-color:var(--blue)}@media(min-width:48rem){.entry-nav-next{text-align:right;align-items:flex-end}}.entry-nav-label{font-family:var(--sans);font-weight:500;font-size:.75rem;color:var(--ink-faint);letter-spacing:.04em}.entry-nav-name{font-family:var(--sans);font-weight:550;font-size:1.25rem;letter-spacing:-.01em;transition:color .15s ease}a.entry-nav-cell:hover .entry-nav-name{color:var(--blue)}.entry-nav-end{opacity:.7;justify-content:center}.page-head{padding-block:clamp(2.5rem,7vw,5rem) clamp(2rem,5vw,3rem)}.page-head h1{font-family:var(--display);font-weight:700;font-size:clamp(2.2rem,6vw,3.8rem);line-height:1.04;letter-spacing:-.025em}.page-head h1 .full-stop{color:var(--accent)}.about-body{max-width:var(--measure);margin-bottom:clamp(4rem,10vw,7rem);font-size:1.0625rem;color:var(--ink-soft)}.about-body p+p{margin-top:1.5em}.notfound-links{display:flex;gap:2rem;margin-top:2.5rem}.about-sign{color:var(--ink-faint);font-size:.9375rem;display:flex;flex-wrap:wrap;gap:.5rem 2rem;justify-content:space-between;align-items:baseline}.rss-inline{color:var(--ink-soft);border-bottom:1px solid var(--blue)}.rss-inline:hover{color:var(--blue)}footer{position:relative;left:50%;transform:translate(-50%);width:100vw;margin-top:clamp(3rem,8vw,5rem);background:var(--ink);color:var(--paper);clip-path:polygon(0 14px,3% 4px,7% 12px,12% 2px,18% 13px,24% 5px,30% 11px,37% 3px,44% 12px,51% 4px,58% 13px,65% 3px,72% 10px,79% 2px,86% 12px,92% 5px,97% 11px,100% 3px,100% 100%,0 100%);padding:3.2rem var(--gutter) 2.4rem;display:flex;flex-wrap:wrap;gap:1rem 3rem;justify-content:space-between;font-size:.8125rem;color:#f2f1edc7}.foot-brand .f-brand{font-family:var(--display);font-weight:700;font-size:1.375rem;letter-spacing:-.01em;color:var(--paper)}.foot-brand .f-brand .brand-dot{color:var(--accent)}.foot-slogan{margin-top:.375rem;font-family:var(--serif);font-style:italic;color:#f2f1edb8;font-size:.9375rem}html[lang=zh-CN] .foot-slogan,html[lang=ja] .foot-slogan{font-style:normal}.foot-meta{align-self:end;font-size:.8125rem}.foot-meta a:hover{color:var(--yellow)}.foot-sep{margin-inline:.5rem}.related{margin-bottom:clamp(3rem,8vw,5rem)}.related-list{list-style:none;padding:0;border:1px solid var(--hairline);border-radius:20px;overflow:hidden;background:#fdfdfa99}.related-list li{border-bottom:1px solid var(--hairline)}.related-list li:last-child{border-bottom:0}.related-list a{display:flex;align-items:baseline;gap:.75rem;padding:1rem 1.375rem}.related-list .prod-ico{align-self:center}.related-name{font-family:var(--sans);font-weight:550;font-size:1.125rem;letter-spacing:-.01em;transition:color .15s ease}.related-verdict{font-family:var(--serif);font-style:italic;color:var(--ink-faint);font-size:.9375rem;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.related-list a:hover .related-name{color:var(--blue)}.related-list a:hover .entry-arrow{color:var(--blue);transform:translate(.375rem)}.about-block{margin-bottom:clamp(3rem,8vw,5rem)}.editor-links{display:flex;gap:2rem;margin-top:1.5rem}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(.75rem);animation:rise .65s var(--ease-out) forwards;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes rise{to{opacity:1;transform:none}}}.topbar nav{font-family:var(--display);font-weight:700;font-size:.9375rem;text-transform:lowercase}html[lang=zh-CN] .topbar nav,html[lang=ja] .topbar nav{font-size:.875rem}.topbar{align-items:center}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}