:root{--paper:#edefec;--paper-raised:#fff;--ink:#141a18;--ink-soft:#5b6560;--ink-faint:#8a928d;--copper:#c98a2e;--copper-strong:#8c5a1b;--line:rgba(20,26,24,.14);--mist:rgba(20,26,24,.045);--trace:rgba(201,138,46,.5);--font-display:"Archivo","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;--font-body:"Inter","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;--font-mono:"IBM Plex Mono","Roboto Mono",ui-monospace,monospace;--measure:62ch;--header-h:60px;--shell:1120px;--radius:4px;--ease:cubic-bezier(0.22,0.61,0.36,1)}@media (prefers-color-scheme:dark){:root{--paper:#0b100e;--paper-raised:rgba(244,246,243,.035);--ink:#f4f6f3;--ink-soft:rgba(244,246,243,.62);--ink-faint:rgba(244,246,243,.42);--copper:#e0a64a;--copper-strong:#e0a64a;--line:rgba(244,246,243,.13);--mist:rgba(244,246,243,.045);--trace:rgba(201,138,46,.42)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#edefec;background:var(--paper);color:#141a18;color:var(--ink);font-family:Inter,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;font-family:var(--font-body);font-size:16px;line-height:1.65;margin:0}a{color:#c98a2e;color:var(--copper);outline:none;text-decoration:none;transition:color .15s cubic-bezier(.22,.61,.36,1);transition:color .15s var(--ease)}a:hover{color:#8c5a1b;color:var(--copper-strong)}:focus-visible{border-radius:2px;outline:2px solid #c98a2e;outline:2px solid var(--copper);outline-offset:3px}::selection{background:rgba(201,138,46,.28)}::-webkit-scrollbar{height:9px;width:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(20,26,24,.14);background:var(--line)}::-webkit-scrollbar-thumb:hover{background:#8a928d;background:var(--ink-faint)}.shell{margin:0 auto;max-width:1120px;max-width:var(--shell);padding:0 24px;width:100%}.eyebrow{color:#c98a2e;color:var(--copper);font-family:IBM Plex Mono,Roboto Mono,ui-monospace,monospace;font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase}@media (prefers-reduced-motion:reduce){*{-webkit-animation-duration:.001ms!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}.app{display:flex;flex-direction:column;min-height:100vh}.app__main{flex:1 0 auto}.pcb-trace{background-image:repeating-linear-gradient(90deg,var(--trace) 0 1px,transparent 1px 28px),repeating-linear-gradient(0deg,var(--trace) 0 1px,transparent 1px 28px),radial-gradient(circle,var(--trace) 0 1.4px,transparent 2px);background-position:0 0,0 0,14px 14px;background-size:auto,auto,112px 112px;opacity:.5}.masthead{-webkit-backdrop-filter:saturate(1.1) blur(10px);backdrop-filter:saturate(1.1) blur(10px);background:color-mix(in srgb,var(--paper) 86%,transparent);border-bottom:1px solid var(--line);height:var(--header-h);position:-webkit-sticky;position:sticky;top:0;z-index:100}.masthead__inner{align-items:center;display:flex;gap:16px;height:100%;justify-content:space-between;padding:0 clamp(20px,2.5vw,32px);width:100%}.brand{align-items:center;display:inline-flex;gap:11px}.brand,.brand:hover{color:var(--ink)}.zmark{display:block;flex:none;height:30px;width:30px}.brand__name{font-family:var(--font-display);font-size:1.06rem;font-weight:700;letter-spacing:-.01em}.brand__tag{border-left:1px solid var(--line);color:var(--ink-faint);font-family:var(--font-mono);font-size:.66rem;font-weight:500;letter-spacing:.16em;margin-left:9px;padding-left:9px;text-transform:uppercase}.hero-wrap{border-bottom:1px solid var(--line);overflow:hidden;position:relative}.hero-wrap .pcb-trace{inset:0;-webkit-mask-image:radial-gradient(120% 100% at 50% 0,#000 30%,transparent 80%);mask-image:radial-gradient(120% 100% at 50% 0,#000 30%,transparent 80%);pointer-events:none;position:absolute;z-index:0}.hero{padding:clamp(56px,9vw,104px) 0 clamp(40px,6vw,68px);position:relative;text-align:center;z-index:1}.hero__eyebrow{display:inline-block;margin-bottom:20px}.hero__title{text-wrap:balance;font-family:var(--font-display);font-size:clamp(2.1rem,5.4vw,3.4rem);font-weight:800;letter-spacing:-.02em;line-height:1.14;margin:0 0 16px}.hero__title em{box-shadow:inset 0 -.14em 0 color-mix(in srgb,var(--copper) 32%,transparent);color:var(--copper);font-style:normal}.hero__sub{color:var(--ink-soft);font-size:clamp(1rem,2.2vw,1.12rem);margin:0 auto 32px;max-width:36ch}.search{margin:0 auto;max-width:540px;position:relative}.search__icon{color:var(--ink-faint);height:18px;left:18px;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:18px}.search__input{background:var(--paper-raised);border:1px solid var(--line);border-radius:10px;color:var(--ink);font-family:var(--font-body);font-size:1rem;height:54px;padding:0 18px 0 48px;transition:border-color .15s var(--ease),box-shadow .15s var(--ease);width:100%}.search__input::-webkit-input-placeholder{color:var(--ink-faint)}.search__input::placeholder{color:var(--ink-faint)}.search__input:focus{border-color:var(--copper);box-shadow:0 0 0 4px color-mix(in srgb,var(--copper) 16%,transparent);outline:none}.index{grid-gap:26px;display:grid;gap:26px;padding:clamp(36px,6vw,60px) 0 80px}.product-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:12px;overflow:hidden}.product-card__head{align-items:baseline;border-bottom:1px solid var(--line);display:flex;gap:12px;padding:18px 22px}.product-card__eyebrow{color:var(--copper);font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.product-card__name{font-family:var(--font-display);font-size:1.2rem;font-weight:700;margin:0}.product-card__count{color:var(--ink-faint);font-family:var(--font-mono);font-size:.75rem;margin-left:auto}.product-card__more{align-items:center;border-top:1px solid var(--line);color:var(--copper);display:flex;font-family:var(--font-mono);font-size:.74rem;gap:6px;justify-content:flex-end;letter-spacing:.08em;padding:13px 22px;text-transform:uppercase}.product-card__more:hover{background:var(--mist);color:var(--copper-strong)}.product-view{padding-top:44px}.product-head{margin:10px 0 24px}.product-head__name{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:6px 0 0}.product-head__count{color:var(--ink-faint);font-family:var(--font-mono);font-size:.76rem}.articles{list-style:none;margin:0;padding:0}.article-row{align-items:center;border-bottom:1px solid var(--line);color:var(--ink);display:flex;gap:14px;padding:15px 22px}.article-row:last-child{border-bottom:none}.article-row:before{background:var(--ink-faint);border-radius:50%;content:"";flex:none;height:6px;transition:background .16s var(--ease),-webkit-transform .16s var(--ease);transition:background .16s var(--ease),transform .16s var(--ease);transition:background .16s var(--ease),transform .16s var(--ease),-webkit-transform .16s var(--ease);width:6px}.article-row:hover{background:var(--mist);color:var(--copper)}.article-row:hover:before{background:var(--copper);-webkit-transform:scale(1.5);transform:scale(1.5)}.article-row__title{flex:1 1;font-size:1.02rem}.article-row__tag{color:var(--ink-faint);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.article-row__arrow{color:var(--copper);opacity:0;-webkit-transform:translateX(-4px);transform:translateX(-4px);transition:opacity .16s var(--ease),-webkit-transform .16s var(--ease);transition:opacity .16s var(--ease),transform .16s var(--ease);transition:opacity .16s var(--ease),transform .16s var(--ease),-webkit-transform .16s var(--ease)}.article-row:hover .article-row__arrow{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.state{color:var(--ink-soft);padding:72px 0;text-align:center}.state__mono{color:var(--ink-faint);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.12em}.reading{margin:0 auto;max-width:760px;padding:44px 0 84px}.crumb{align-items:center;color:var(--ink-faint);display:flex;flex-wrap:wrap;font-family:var(--font-mono);font-size:.72rem;gap:8px;letter-spacing:.1em;margin-bottom:24px;text-transform:uppercase}.crumb a{color:var(--ink-soft)}.crumb a:hover{color:var(--copper)}.crumb__sep{color:var(--line)}.reading__title{text-wrap:balance;font-family:var(--font-display);font-size:clamp(1.9rem,4.4vw,2.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0}.reading__rule{background:var(--copper);border:0;height:3px;margin:22px 0 30px;width:40px}.content{font-size:1.04rem}.content p{margin:0 0 1.1em}.content ul{counter-reset:step;list-style:none;margin:0 0 1.3em;padding:0}.content ul li{counter-increment:step;margin:.6em 0;padding-left:2.4em;position:relative}.content ul li:before{align-items:center;background:color-mix(in srgb,var(--copper) 14%,transparent);border-radius:6px;color:var(--copper);content:counter(step);display:flex;font-family:var(--font-mono);font-size:.72em;font-weight:500;height:1.6em;justify-content:center;left:0;position:absolute;top:.02em;width:1.6em}.content a{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--copper) 50%,transparent);text-underline-offset:3px}.back{align-items:center;color:var(--ink-soft);display:inline-flex;font-family:var(--font-mono);font-size:.78rem;gap:8px;letter-spacing:.1em;margin-top:46px;text-transform:uppercase}.back:hover{color:var(--copper)}.footer{border-top:1px solid var(--line);color:var(--ink-faint);font-size:.82rem;padding:26px 0}.footer__inner{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.footer__mono{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em}@media (max-width:560px){.brand__tag{display:none}}
/*# sourceMappingURL=main.b3960223.css.map*/