.lab{--paper:#f7f7fa;--white:#ffffff;--ink:#061f3d;--ink-2:#1f2a3f;--deck:#4b5565;--muted:#6b7686;--accent:#1a8ccf;--accent-ink:#126da3;--accent-hover:#1478b3;--line:#e3e8ef;--line-2:#cfd8e3;--tint:#eef5fc;--ribbon-a:#7fd8d0;--ribbon-b:#9fd3f5;--ribbon-c:#1a8ccf;--ribbon-d:#061f3d;--font:"Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;--ease:cubic-bezier(.25,1,.5,1);--ease-rise:cubic-bezier(.165,.84,.44,1);font-family:var(--font);color:var(--ink-2);background:var(--white);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}.lab *{box-sizing:border-box}.lab a{color:inherit;text-decoration:none}.lab ::selection{background:#cfe8f8;color:var(--ink)}.lab :focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.lab img{max-width:100%;height:auto}.lab figure{margin:0}.lab h1,.lab h2,.lab h3,.lab h4{font-family:var(--font);color:var(--ink);font-weight:700;letter-spacing:0;text-transform:none;margin:0}.lab p{margin:0}.lab .rail{max-width:1180px;margin:0 auto;padding-inline:24px}.lab .band{border-top:1px solid var(--line);padding:56px 0}.lab .band.first{border-top:0}.lab .hero{position:relative;background:linear-gradient(180deg,var(--paper),var(--white) 70%)}.lab .hero .rail{display:grid;grid-template-columns:minmax(0,48%) minmax(0,52%);gap:32px;min-height:560px;align-items:center;padding-top:40px;padding-bottom:56px;position:relative;z-index:1}.lab .ribbon{position:absolute;left:0;right:0;top:0;bottom:-160px;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent 100%);mask-image:linear-gradient(180deg,#000 62%,transparent 100%)}.lab .ribbon svg{position:absolute;right:-6%;top:-12%;width:72%;height:118%;transition:transform .3s var(--ease)}.lab .hero-copy{padding-bottom:0}.lab .crumb{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--muted);margin:0 0 28px}.lab .crumb a:hover{color:var(--ink)}.lab .crumb span[aria-hidden]{color:var(--line-2)}.lab .hero h1{font-size:clamp(34px,4.2vw,56px);line-height:1.18;font-weight:700;letter-spacing:-.01em;text-wrap:balance;max-width:16ch}.lab .hero h1.long{font-size:clamp(28px,3.1vw,42px);line-height:1.28;max-width:none;text-wrap:pretty}.lab .hero h1 em{font-style:normal;color:var(--accent)}.lab .deck{font-size:20px;line-height:1.7;color:var(--deck);font-weight:400;margin-top:22px;max-width:30em}.lab .meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:26px;font-size:14px;color:var(--muted)}.lab .meta b{font-weight:700;color:var(--ink)}.lab .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.lab .btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border-radius:6px;font-size:15px;font-weight:700;line-height:1;transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease)}.lab .btn svg{width:16px;height:16px;flex:none}.lab .btn-fill{background:var(--accent);color:#fff}.lab .btn-fill:hover{background:var(--accent-hover)}.lab .btn-line{background:var(--white);color:var(--accent-ink);border:1px solid var(--accent)}.lab .btn-line:hover{background:var(--tint)}.lab .ribbon-fig{display:none}.lab .hero-fig{position:relative;align-self:center;margin:0;transform:translate(36px)}.lab .hero-fig img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;border:1px solid var(--line);background:var(--white);box-shadow:0 30px 60px -24px #061f3d61,0 6px 16px -8px #061f3d2e}.lab .answer{opacity:0;transform:translateY(24px);animation:lab-rise .8s var(--ease-rise) forwards}@keyframes lab-rise{to{opacity:1;transform:none}}.lab .answer .rail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}.lab .answer h2{font-size:24px;line-height:1.4;margin-bottom:14px}.lab .answer .summary{font-size:18px;line-height:1.9;color:var(--ink-2)}.lab .answer .summary p+p{margin-top:12px}.lab .answer .summary strong{color:var(--ink);font-weight:700}.lab .three{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.lab .three li{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:16px 0;border-top:1px solid var(--line)}.lab .three li:first-child{border-top:0;padding-top:0}.lab .three i{font-style:normal;font-size:28px;font-weight:700;color:var(--accent);line-height:1}.lab .three b{display:block;font-size:17px;color:var(--ink);line-height:1.5}.lab .three span{display:block;font-size:15px;color:var(--deck);margin-top:2px}.lab .reading .rail{display:grid;grid-template-columns:240px minmax(0,760px);gap:64px;align-items:start;justify-content:space-between}.lab .aside{display:flex;flex-direction:column;gap:32px;align-self:start}.lab .aside.is-sticky{position:sticky;top:88px;max-height:calc(100vh - 112px);overflow-y:auto;overscroll-behavior:contain;padding-right:8px;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.lab .aside.is-sticky::-webkit-scrollbar{width:6px}.lab .aside.is-sticky::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:3px}.lab .aside.is-sticky::-webkit-scrollbar-track{background:transparent}.lab .aside h3{font-size:14px;color:var(--muted);font-weight:700;margin-bottom:12px}.lab .toc{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}.lab .toc a{display:block;padding:7px 0 7px 16px;margin-left:-1px;border-left:2px solid transparent;font-size:15px;line-height:1.5;color:var(--deck);transition:color .3s var(--ease),border-color .3s var(--ease)}.lab .toc a.sub{padding-left:28px;font-size:14px}.lab .toc a:hover{color:var(--ink)}.lab .toc a.active{color:var(--accent-ink);border-left-color:var(--accent);font-weight:700}.lab .side-note{border-top:1px solid var(--line);padding-top:20px}.lab .side-note p{font-size:15px;line-height:1.7;color:var(--deck);margin-bottom:14px}.lab .side-links{list-style:none;margin:0;padding:0}.lab .side-links li{border-bottom:1px solid var(--line)}.lab .side-links a{display:block;padding:9px 0;font-size:15px;color:var(--ink-2)}.lab .side-links a:hover{color:var(--accent-ink)}.lab .side-posts{list-style:none;margin:0;padding:0}.lab .side-posts li{border-bottom:1px solid var(--line);padding:10px 0}.lab .side-posts a{display:flex;gap:12px;align-items:flex-start}.lab .side-posts img{width:64px;height:48px;object-fit:cover;border-radius:4px;flex:none;background:var(--paper)}.lab .side-posts b{display:block;font-size:14px;line-height:1.5;font-weight:700;color:var(--ink-2)}.lab .side-posts time{font-size:12px;color:var(--muted)}.lab .side-products{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.lab .side-products a{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center}.lab .side-products img{width:72px;height:72px;object-fit:cover;border-radius:6px;background:var(--paper);border:1px solid var(--line)}.lab .side-products b{display:block;font-size:14px;line-height:1.5;font-weight:700;color:var(--ink-2);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.lab .side-products span{font-size:14px;color:var(--ink);font-weight:700}.lab .side-banner img{width:100%;height:auto;display:block;border-radius:6px;border:1px solid var(--line)}.lab .side-text{font-size:14px;line-height:1.8;color:var(--deck);margin-bottom:10px}.lab .side-cta{font-size:15px;font-weight:700;color:var(--accent-ink)}.lab .article{font-size:18px;line-height:1.9;color:var(--ink-2);max-width:760px}.lab .article>:first-child{margin-top:0}.lab .article p{margin:0 0 1.3em}.lab .article p.lead{font-size:20px;line-height:1.8;color:var(--deck)}.lab .article ul,.lab .article ol{margin:0 0 1.4em;padding-left:1.3em}.lab .article li{margin:0 0 .5em}.lab .article li::marker{color:var(--ink)}.lab .article strong{color:var(--ink);font-weight:700}.lab .article em{font-style:normal;color:var(--deck)}.lab .article h2{font-size:30px;line-height:1.4;margin:2.2em 0 .6em;padding-top:1.1em;border-top:1px solid var(--line);scroll-margin-top:96px;text-wrap:balance}.lab .article h2:first-child{border-top:0;padding-top:0;margin-top:0}.lab .article h3{font-size:22px;line-height:1.5;margin:1.7em 0 .5em;scroll-margin-top:96px}.lab .article h4{font-size:18px;line-height:1.5;margin:1.4em 0 .4em;color:var(--ink-2)}.lab .article h2+h3,.lab .article h3+h4{margin-top:.4em}.lab .article a{color:var(--accent-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.24em;transition:text-decoration-color .3s var(--ease)}.lab .article a:hover{text-decoration-thickness:2px}.lab .article figure{margin:36px 0}.lab .article figure img,.lab .article p img{display:block;width:100%;height:auto;border-radius:6px;border:1px solid var(--line)}.lab .article figcaption{font-size:14px;line-height:1.7;color:var(--muted);margin-top:10px}.lab .article .img-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:36px 0}.lab .article .img-row figure{margin:0}.lab .article .img-row img{aspect-ratio:4/3;object-fit:cover}.lab .article iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:6px}.lab .article .table-wrap{overflow-x:auto;margin:36px 0}.lab .article table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.7}.lab .article th{text-align:left;font-weight:700;color:var(--ink);padding:12px 14px;border-bottom:2px solid var(--ink);background:var(--paper)}.lab .article td{padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:top}.lab .article blockquote{margin:36px 0;padding:22px 28px;background:var(--paper);border-radius:6px;font-size:19px;line-height:1.85;color:var(--ink)}.lab .article ul.kb-links{list-style:none;margin:8px 0 40px;padding:0;border-top:1px solid var(--line)}.lab .article ul.kb-links li{margin:0;padding:0;border-bottom:1px solid var(--line)}.lab .article ul.kb-links a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:14px 0;color:var(--ink);text-decoration:none;transition:background .3s var(--ease)}.lab .article ul.kb-links a.has-thumb{grid-template-columns:72px minmax(0,1fr) auto}.lab .article ul.kb-links img{display:block;width:72px;height:72px;object-fit:cover;border-radius:6px;border:1px solid var(--line);background:var(--paper);margin:0}.lab .article ul.kb-links small{display:block;font-size:13px;line-height:1.5;color:var(--muted);margin-bottom:2px}.lab .article ul.kb-links b{display:block;font-size:17px;line-height:1.5;font-weight:700;color:var(--ink);transition:color .3s var(--ease)}.lab .article ul.kb-links .price{display:block;font-size:15px;line-height:1.5;color:var(--ink-2);margin-top:2px}.lab .article ul.kb-links .go{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--accent-ink);white-space:nowrap}.lab .article ul.kb-links .go svg{width:14px;height:14px;flex:none;transition:transform .3s var(--ease)}.lab .article ul.kb-links a:hover b{color:var(--accent-ink)}.lab .article ul.kb-links a:hover .go svg{transform:translate(3px)}.lab .article ul.kb-links+h2{border-top:0;padding-top:0}.lab .article .kb-compare{margin:32px 0 40px}.lab .article .kb-compare table{font-size:16px}.lab .article .kb-compare th{background:var(--paper)}.lab .article .kb-compare td:first-child{font-weight:700;color:var(--ink);white-space:nowrap}.lab .article .kb-compare .num{font-weight:700;color:var(--ink)}.lab .article .kb-compare th:nth-child(1){width:18%}.lab .article .kb-compare th:nth-child(2){width:32%}.lab .article .kb-compare th:nth-child(3){width:20%;white-space:nowrap}.lab .article .kb-compare caption{caption-side:bottom;text-align:left;font-size:13.5px;color:var(--muted);padding:10px 2px 0;line-height:1.7}.lab .article .kb-callout{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:baseline;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 28px}.lab .article .kb-callout b{font-size:30px;line-height:1;color:var(--accent-ink);white-space:nowrap}.lab .article .kb-callout span{font-size:16px;color:var(--ink-2);line-height:1.7}.lab .article section.faq{margin-top:64px;padding-top:36px;border-top:1px solid var(--line)}.lab .article section.faq>h2{border-top:0;padding-top:0;margin-top:0;margin-bottom:8px}.lab .article .faq-item{border-bottom:1px solid var(--line);padding:0}.lab .article .faq-item summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr 28px;align-items:center;gap:16px;padding:18px 0;color:var(--ink)}.lab .article .faq-item summary::-webkit-details-marker{display:none}.lab .article .faq-item summary h3{font-size:19px;margin:0;line-height:1.5}.lab .article .faq-item summary:after{content:"";width:28px;height:28px;border-radius:50%;border:1px solid var(--line-2);background:linear-gradient(var(--ink),var(--ink)) center/12px 1.5px no-repeat,linear-gradient(var(--ink),var(--ink)) center/1.5px 12px no-repeat;transition:transform .3s var(--ease),border-color .3s var(--ease)}.lab .article .faq-item summary:hover:after{border-color:var(--accent)}.lab .article .faq-item[open] summary:after{transform:rotate(45deg)}.lab .article .faq-item summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.lab .article .faq-item p{margin:0 44px 20px 0;color:var(--ink-2)}.lab .article .faq-item>div{padding-bottom:4px}.lab .article .kb-hero{margin:0 0 36px}.lab .article .kb-product{color:var(--muted);font-size:15px}.lab .gear h2{font-size:26px;line-height:1.4;margin-bottom:6px}.lab .gear .sub{font-size:15px;color:var(--muted);margin-bottom:26px}.lab .gear-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.lab .gear-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:var(--white);transition:border-color .3s var(--ease),transform .3s var(--ease)}.lab .gear-card:hover{border-color:var(--line-2);transform:translateY(-2px)}.lab .gear-card img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--paper);display:block}.lab .gear-card b{font-size:15px;line-height:1.5;font-weight:700;color:var(--ink);padding:12px 14px 2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.lab .gear-card span{font-size:15px;color:var(--ink);font-weight:700;padding:2px 14px 14px}.lab .consult .panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:6px;background:var(--paper);padding:44px 48px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}.lab .consult .panel svg{position:absolute;right:-6%;top:-40%;width:42%;height:180%;pointer-events:none;opacity:.9}.lab .consult h2{font-size:28px;line-height:1.35;margin-bottom:10px;position:relative}.lab .consult p{font-size:16px;line-height:1.8;color:var(--deck);max-width:40em;position:relative}.lab .consult .actions{margin:0;position:relative}.lab .more h2{font-size:26px;line-height:1.4;margin-bottom:26px}.lab .more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.lab .more-card{display:flex;flex-direction:column;gap:12px}.lab .more-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:6px;border:1px solid var(--line);background:var(--paper);display:block;transition:opacity .3s var(--ease)}.lab .more-card:hover img{opacity:.92}.lab .more-card b{font-size:17px;line-height:1.5;font-weight:700;color:var(--ink)}.lab .more-card time{font-size:13px;color:var(--muted)}.lab .end{display:flex;justify-content:space-between;gap:16px;padding:28px 0 56px;font-size:15px;color:var(--muted)}.lab .end a:hover{color:var(--accent-ink)}@media(max-width:1100px){.lab .hero{overflow:hidden}.lab .hero .rail{grid-template-columns:1fr;min-height:0;align-items:start;padding-bottom:40px}.lab .ribbon{display:none}.lab .hero-fig{margin:8px 0 0;transform:none;position:relative;z-index:0;padding:28px 0 0 20px}.lab .hero-fig img{aspect-ratio:16/9;position:relative;z-index:1}.lab .ribbon-fig{display:block;position:absolute;top:-24%;right:-26%;bottom:-30%;left:30%;z-index:0;pointer-events:none;overflow:visible}.lab .ribbon-fig svg{width:100%;height:100%}.lab .reading .rail{grid-template-columns:1fr;gap:36px}.lab .aside.is-sticky{position:static}.lab .gear-grid{grid-template-columns:repeat(2,1fr)}.lab .consult .panel{grid-template-columns:1fr;padding:32px}}@media(max-width:760px){.lab .article ul.kb-links a{gap:14px}.lab .article ul.kb-links a.has-thumb{grid-template-columns:56px minmax(0,1fr) auto}.lab .article ul.kb-links img{width:56px;height:56px}.lab .article ul.kb-links .go span{display:none}.lab .article ul.kb-links b{font-size:16px}.lab .rail{padding-inline:20px}.lab .band{padding:40px 0}.lab .hero .rail{padding-top:24px}.lab .hero h1{font-size:30px;max-width:none}.lab .hero h1.long{font-size:26px}.lab .deck{font-size:17px;margin-top:16px}.lab .hero-copy{padding-bottom:32px}.lab .answer .rail{grid-template-columns:1fr;gap:28px}.lab .article{font-size:17px}.lab .article p.lead{font-size:18px}.lab .article h2{font-size:26px}.lab .article h3{font-size:20px}.lab .article .img-row{grid-template-columns:1fr}.lab .article .kb-compare th:nth-child(3),.lab .article .kb-compare td:first-child{white-space:normal}.lab .gear-grid{grid-template-columns:1fr 1fr;gap:12px}.lab .more-grid{grid-template-columns:1fr}.lab .end{flex-direction:column}}@media(prefers-reduced-motion:reduce){.lab .answer{animation:none;opacity:1;transform:none}.lab .ribbon svg{transition:none}.lab .gear-card,.lab .toc a,.lab .btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/40/assets/article-lab.css.map */
