:root{--sky: #b8d8f0;--mist: #d6ecf8;--sun: #fff3c0;--honey: #ffdf90;--lotus: #ffd6dc;--leaf: #d8edd8;--canvas: #fafbfc;--quartz: #e2eaf0;--ink: #3a6080;--reading-ink: #345c79;--ink-rgb: 58, 96, 128;--muted: #4f6c84;--surface: rgba(250, 251, 252, .86);--surface-strong: #ffffff;--shadow: 0 8px 22px rgba(var(--ink-rgb), .09);--shadow-strong: 0 16px 36px rgba(var(--ink-rgb), .13);--font-serif: "Noto Serif TC", Georgia, serif;--font-sans: "Noto Sans TC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}[hidden]{display:none!important}html{color-scheme:light;scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,rgba(214,236,248,.72) 0%,rgba(250,251,252,.96) 34%,var(--canvas) 100%) fixed,var(--canvas);color:var(--ink);font-family:var(--font-sans);font-size:18px;line-height:1.72;text-align:left;overflow-wrap:break-word}a{color:inherit;text-decoration-color:rgba(var(--ink-rgb),.32);text-underline-offset:.18em}a:hover{text-decoration-color:var(--honey)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid rgba(255,223,144,.72);outline-offset:3px}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,h4{margin:0;color:var(--ink);font-family:var(--font-serif);font-weight:700;letter-spacing:0;line-height:1.2}h1{font-size:clamp(2rem,4vw,3.2rem)}h2{font-size:clamp(1.5rem,3vw,2.2rem)}h3{font-size:1.2rem}p{margin:0}code,pre{font-family:var(--font-mono)}code{padding:.13em .35em;border-radius:6px;background:#e2eaf0b3;font-size:.88em}pre{max-width:100%;min-width:0;margin:1.35rem 0;padding:1.1rem;overflow-x:auto;border:1px solid rgba(var(--ink-rgb),.12);border-radius:8px;background:#f5f8fb;font-size:.88rem;line-height:1.62}pre>code{all:unset;font-family:var(--font-mono)}hr{border:0;border-top:1px solid var(--quartz)}.page-shell{width:960px;max-width:calc(100% - 2rem);margin:0 auto;padding:2.6rem 0 4rem}.page-shell--article{width:720px}.page-shell--wide{width:1120px}.stack{display:grid;gap:1rem;min-width:0}.stack>*{min-width:0}.section{margin-top:clamp(2.3rem,6vw,4rem)}.section-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-header p,.muted{color:var(--muted)}.quiet-link{color:var(--muted);font-size:.92rem;font-weight:700;text-decoration:none}.quiet-link:hover{color:var(--ink)}.button--secondary.section-cta{display:none}.hero{display:grid;gap:1.2rem;min-width:0;padding:clamp(1.6rem,4vw,2.4rem) 0 1.4rem}.hero>*{min-width:0}.hero p{max-width:760px;color:var(--muted);font-size:1.02rem;text-wrap:pretty}.hero-kicker,.status-alert__label{color:var(--muted);font-size:.78rem!important;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.curation-overview{display:flex;flex-wrap:wrap;gap:.55rem}.curation-overview span{display:inline-flex;align-items:baseline;gap:.35rem;padding:.4rem .65rem;border:1px solid rgba(var(--ink-rgb),.11);border-radius:999px;background:#ffffffa6;color:var(--muted);font-size:.78rem}.curation-overview strong{color:var(--ink);font-size:.98rem}.guide-cover{display:block;width:100%;height:auto;aspect-ratio:3 / 2;border:1px solid rgba(var(--ink-rgb),.1);border-radius:8px;background:#e2eaf08c;box-shadow:var(--shadow);object-fit:cover}.guide-cover--ratio-16-9{aspect-ratio:16 / 9}.guide-summary .panel{font-size:.94rem;line-height:1.65}.guide-summary .panel h2{font-size:1.18rem;line-height:1.4}.guide-summary .panel ul{margin:0;padding-left:1.2em}.guide-summary .panel li+li{margin-top:.35em}.guide-article>.prose{margin-top:.75rem}.hero-actions,.meta-row,.chip-row{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.button,.copy-button{display:inline-flex;min-height:2.35rem;align-items:center;justify-content:center;gap:.45rem;border:1px solid rgba(var(--ink-rgb),.12);border-radius:999px;background:var(--honey);color:var(--ink);font-size:.9rem;font-weight:700;line-height:1;padding:.65rem .95rem;text-decoration:none;transition:background .18s ease,border-color .18s ease,transform .18s ease}.button:hover,.copy-button:hover{border-color:rgba(var(--ink-rgb),.22);background:var(--sun);transform:translateY(-1px)}.button--secondary{background:#fafbfcd1}.grid{display:grid;gap:1rem;min-width:0}.grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.content-card{position:relative;display:grid;gap:.7rem;height:100%;min-width:0;padding:1rem;border:1px solid rgba(var(--ink-rgb),.12);border-radius:8px;background:#fafbfcbd;color:inherit;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.content-card__new-ribbon{position:absolute;z-index:2;top:-1px;right:-1px;display:flex;width:5.2rem;height:3rem;align-items:flex-start;justify-content:flex-end;padding:.16rem .72rem 0 1.1rem;clip-path:polygon(35% 0,100% 0,100% 100%,72% 66%);background:var(--lotus);color:var(--ink);font-family:var(--font-sans);font-size:.72rem;font-weight:900;letter-spacing:.08em;line-height:1;pointer-events:none}.content-card__main{display:grid;gap:.7rem;color:inherit;text-decoration:none}.content-card__thumbnail{display:block;width:100%;aspect-ratio:16 / 10;border:1px solid rgba(var(--ink-rgb),.1);border-radius:6px;background:#e2eaf08c;box-shadow:0 8px 18px rgba(var(--ink-rgb),.08);object-fit:cover;object-position:center}.content-card__thumbnail--contain-white{background:#fff;object-fit:contain}.content-card__thumbnail--ratio-16-9{aspect-ratio:16 / 9}.content-card:hover{border-color:rgba(var(--ink-rgb),.24);background:#ffffffe6;box-shadow:var(--shadow);transform:translateY(-1px)}.content-card__kind{color:var(--muted);font-size:.78rem;font-weight:800;letter-spacing:.04em}.content-card__eyebrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.45rem}.status-badge{display:inline-flex;min-height:1.55rem;align-items:center;border:1px solid rgba(var(--ink-rgb),.12);border-radius:999px;padding:.28rem .52rem;font-size:.7rem;font-weight:900;line-height:1}.status-badge--recommended{border-color:#377a4b3d;background:#d8edd8c7;color:#326846}.status-badge--reviewed{background:#d6ecf8c7;color:#345f7d}.status-badge--unreviewed{border-color:#976d2438;background:#fff3c0cc;color:#75561c}.status-badge--archived{background:#e2eaf0db;color:#5a6874}.content-card h3{font-size:1.08rem}.content-card p{color:var(--muted);font-size:.92rem;line-height:1.58}.content-card .tag-list{align-self:end}.pagination{display:flex;flex-wrap:wrap;gap:.8rem 1rem;align-items:center;justify-content:space-between;margin:1rem 0;color:var(--muted);font-size:.9rem}.pagination__controls{display:flex;flex-wrap:wrap;gap:.55rem;align-items:center}.pagination button:disabled{cursor:not-allowed;opacity:.55;transform:none}.pagination .button[aria-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none;transform:none}.tag,.meta-pill{display:inline-flex;align-items:center;min-height:1.7rem;border:1px solid rgba(var(--ink-rgb),.12);border-radius:999px;background:#fff3c07a;color:var(--ink);font-size:.78rem;font-weight:700;line-height:1;padding:.38rem .62rem;text-decoration:none}.tag:hover{border-color:rgba(var(--ink-rgb),.22);background:var(--honey)}.meta-pill{background:#d6ecf88c;color:var(--muted)}.panel{overflow-x:auto;padding:1rem;border:1px solid rgba(var(--ink-rgb),.12);border-radius:8px;background:#fafbfcc2}.status-alert{display:flex;align-items:start;justify-content:space-between;gap:1rem;padding:1rem;border:1px solid rgba(var(--ink-rgb),.14);border-left-width:5px;border-radius:8px;background:#fafbfccc}.status-alert h2{margin-top:.15rem;font-size:1.25rem}.status-alert p:not(.status-alert__label){margin-top:.35rem;color:var(--muted)}.status-alert--recommended{border-left-color:#72a77f;background:#d8edd866}.status-alert--reviewed{border-left-color:#86b6d7;background:#d6ecf86b}.status-alert--unreviewed{border-left-color:#d7a94b;background:#fff3c06e}.status-alert--archived{border-left-color:#8797a4;background:#e2eaf07a}.status-alert--license{border-left-color:#c9832b;background:#ffecc26b}.curation-panel{overflow:visible}.curation-panel--recommended{border-color:#377a4b38;background:linear-gradient(180deg,#d8edd847,#fafbfcd1)}.curation-panel--desktop{border-color:#37628433;background:linear-gradient(180deg,#daebf73d,#fafbfcd1)}.review-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.review-checks--four{grid-template-columns:repeat(4,minmax(0,1fr))}.review-checks span{display:grid;gap:.1rem;padding:.65rem;border-radius:6px;background:#ffffffb8;color:var(--muted);font-size:.82rem}.review-checks strong{color:var(--ink)}.review-checks b{font-size:.78rem}.review-checks small{line-height:1.45}.review-gate--passed b{color:#326846}.review-gate--failed{border:1px solid rgba(151,62,62,.2);background:#ffe8e8b8!important}.review-gate--failed b{color:#953d46}.desktop-evidence-grid{align-items:start}.desktop-evidence-grid>div{padding:.8rem;border:1px solid rgba(var(--ink-rgb),.1);border-radius:7px;background:#ffffffa8}.review-details{padding:.75rem .85rem;border:1px solid rgba(var(--ink-rgb),.12);border-radius:7px;background:#ffffffa8}.review-details summary{cursor:pointer;font-weight:800}.review-details ul{margin-bottom:0}.review-byline{color:var(--muted);font-size:.8rem}.curation-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0}.curation-answers>div{min-width:0;padding:.8rem;border:1px solid rgba(var(--ink-rgb),.1);border-radius:7px;background:#ffffffb3}.curation-answers>div:last-child{grid-column:1 / -1}.curation-answers dt{margin-bottom:.35rem;color:var(--ink);font-size:.8rem;font-weight:900}.curation-answers dd{margin:0;color:var(--muted);font-size:.9rem;overflow-wrap:anywhere}.curation-answers ul{margin:0;padding-left:1.15rem}.test-evidence-list{display:grid;gap:.75rem}.test-evidence{padding:.85rem;border:1px solid rgba(var(--ink-rgb),.1);border-radius:7px;background:#ffffffb8}.test-evidence>*+*{margin-top:.35rem}.test-evidence__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.test-result{border-radius:999px;padding:.2rem .5rem;font-size:.72rem;font-weight:900}.test-result--passed{background:var(--leaf);color:#326846}.test-result--failed{background:var(--lotus);color:#8a3440}.test-result--pending{background:var(--quartz);color:var(--muted)}.compare-table{width:100%;border-collapse:collapse;font-size:.95rem}.compare-table th,.compare-table td{border-bottom:1px solid rgba(var(--ink-rgb),.14);padding:.8rem .7rem;text-align:left;vertical-align:top}.compare-table tr:last-child th,.compare-table tr:last-child td{border-bottom:0}.compare-table th{color:var(--ink);font-weight:800;white-space:nowrap}.source-path{color:var(--muted);font-family:var(--font-mono);font-size:.8rem;line-height:1.5}.prose{min-width:0;color:var(--reading-ink);font-size:1.125rem;line-height:1.74}.prose>*+*{margin-top:1.25rem}.prose h2,.prose h3,.prose h4{text-wrap:balance}.prose h2{margin-top:3rem;font-size:1.55rem;line-height:1.36}.prose h3{margin-top:2.15rem;font-family:var(--font-sans);font-size:1.25rem;font-weight:800;line-height:1.45}.prose h4{margin-top:1.8rem;font-family:var(--font-sans);font-size:1.125rem;font-weight:800;line-height:1.5}.prose :is(h2,h3,h4)+*{margin-top:.8rem}.prose p,.prose li,.prose dd{color:var(--reading-ink);text-wrap:pretty}.prose strong{color:var(--ink);font-weight:700}.prose a:not(.button){color:#285f87;text-decoration-color:#285f877a;text-decoration-thickness:.08em;text-underline-offset:.2em}.prose a:not(.button):hover{text-decoration-color:#c98a24}.prose ul,.prose ol{margin-bottom:0;padding-left:1.3em}.prose li+li{margin-top:.42em}.prose li::marker{color:var(--muted)}.prose li>:is(ul,ol){margin-top:.45rem}.prose blockquote{margin-right:0;margin-left:0;padding:.15rem 0 .15rem 1.1rem;border-left:3px solid var(--honey);color:#4a6e8a;font-size:1.02em;line-height:1.76}.prose blockquote>:first-child{margin-top:0}.prose blockquote>:last-child{margin-bottom:0}.prose blockquote p{color:inherit}.prose hr{margin:3rem 0}.prose :not(pre)>code{padding:.08em .3em;border-radius:4px;box-decoration-break:clone;overflow-wrap:anywhere;-webkit-box-decoration-break:clone}.prose pre{margin:1.65rem 0;padding:1.05rem 1.15rem;overscroll-behavior-inline:contain;tab-size:2;-webkit-overflow-scrolling:touch}.prose .panel{overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.prose .compare-table{min-width:36rem;line-height:1.55}.prose img{display:block;width:min(100%,520px);height:auto;margin:1.9rem auto 0;border-radius:8px;box-shadow:0 14px 38px rgba(var(--ink-rgb),.14)}.prose figure{margin:2rem 0}.prose figure img{margin-top:0}.prose figcaption{max-width:34rem;margin:.65rem auto 0;color:var(--muted);font-size:.82rem;line-height:1.55;text-align:center}.demo-generator-note{margin-top:.55rem;color:var(--muted);font-size:.84rem;text-align:center}.filter-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin:1.5rem 0}.filter-bar--curation{grid-template-columns:minmax(260px,1.6fr) repeat(3,minmax(150px,1fr));align-items:end;padding:1rem;border:1px solid rgba(var(--ink-rgb),.1);border-radius:8px;background:#ffffff9e;box-shadow:var(--shadow)}.filter-field{display:grid;gap:.3rem;min-width:0}.filter-field>span{color:var(--muted);font-size:.76rem;font-weight:800}.filter-bar input:focus,.filter-bar select:focus,.quiet-button:focus-visible{border-color:rgba(var(--ink-rgb),.35);outline:3px solid rgba(255,223,144,.5);outline-offset:1px}.filter-feedback{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin:.9rem 0;color:var(--muted);font-size:.88rem}.quiet-button{border:0;border-radius:6px;background:transparent;color:var(--ink);font-size:.82rem;font-weight:800;padding:.35rem .5rem;text-decoration:underline;text-underline-offset:.2em}.filter-loading{color:var(--muted)}.filter-bar input,.filter-bar select{width:100%;min-height:2.65rem;border:1px solid rgba(var(--ink-rgb),.14);border-radius:8px;background:#fafbfcdb;color:var(--ink);padding:.55rem .7rem}.home-search{display:flex;align-items:center;gap:.6rem;margin:clamp(1.5rem,4vw,2.25rem) 0 0;padding:.34rem .38rem .34rem 1rem;border:1px solid rgba(var(--ink-rgb),.1);border-radius:999px;background:#fff;box-shadow:0 14px 30px rgba(var(--ink-rgb),.13),0 4px 10px rgba(var(--ink-rgb),.08)}.home-search:focus-within{border-color:rgba(var(--ink-rgb),.22);box-shadow:0 16px 34px rgba(var(--ink-rgb),.15),0 4px 10px rgba(var(--ink-rgb),.08),0 0 0 3px #ffdf9057}.home-search__field{display:flex;flex:1 1 auto;min-width:0;align-items:center;gap:.6rem}.home-search__icon{display:inline-flex;flex:0 0 auto;color:rgba(var(--ink-rgb),.46)}.home-search__icon svg{width:1.08rem;height:1.08rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.home-search input{flex:1 1 auto;width:auto;min-width:0;border:0;border-radius:999px;background:transparent;padding:.55rem 0;outline:0}.home-search input::placeholder{color:rgba(var(--ink-rgb),.5)}.home-search__button{flex:0 0 auto;min-height:2.45rem;padding:.62rem 1.25rem}.filter-empty{color:var(--muted)}.copy-block{overflow:hidden;border:1px solid rgba(var(--ink-rgb),.14);border-radius:8px;background:#fafbfcdb;box-shadow:var(--shadow)}.copy-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem;border-bottom:1px solid rgba(var(--ink-rgb),.1);background:#d6ecf86b}.copy-toolbar strong{color:var(--muted);font-size:.86rem}.copy-toolbar__meta{display:flex;min-width:0;flex-wrap:wrap;gap:.45rem}.copy-block pre{max-height:34rem;margin:0;border:0;border-radius:0;background:#f7fafc}.sticky-copy-bar{position:fixed;z-index:20;right:0;bottom:0;left:0;display:none;padding:.6rem .9rem;padding-bottom:calc(.6rem + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(var(--ink-rgb),.12);background:#fafbfceb;box-shadow:0 -8px 24px rgba(var(--ink-rgb),.12);backdrop-filter:blur(14px);transform:translateY(110%);opacity:0;visibility:hidden;pointer-events:none}.sticky-copy-bar.is-ready{transition:transform .26s ease,opacity .26s ease,visibility .26s ease}.sticky-copy-bar.is-visible{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.sticky-copy-bar__button{width:100%;min-height:3rem;font-size:1rem;box-shadow:0 6px 16px rgba(var(--ink-rgb),.2)}.site-header{position:sticky;z-index:10;top:0;border-bottom:1px solid rgba(var(--ink-rgb),.09);background:#fafbfce0;box-shadow:0 6px 18px rgba(var(--ink-rgb),.06);backdrop-filter:blur(14px)}.site-nav{display:flex;width:1120px;max-width:calc(100% - 2rem);min-height:4rem;align-items:center;justify-content:space-between;gap:1rem;margin:0 auto}.brand-link{display:inline-flex;align-items:center;gap:.55rem;color:var(--ink);font-family:var(--font-serif);font-size:.98rem;font-weight:700;text-decoration:none}.brand-mark,.section-mark{display:inline-grid;flex:0 0 auto;place-items:center;border-radius:12px;background:linear-gradient(135deg,#fafbfcf5,#d6ecf8e6);box-shadow:0 8px 18px rgba(var(--ink-rgb),.1)}.brand-mark{width:2rem;height:2rem}.brand-mark svg,.section-mark svg{width:1.35rem;height:1.35rem}.nav-links{display:flex;align-items:center;gap:.35rem}.nav-links a{border-bottom:3px solid transparent;color:var(--ink);font-size:.88rem;font-weight:700;padding:1.25rem .45rem 1.1rem;text-decoration:none}.nav-links a[aria-current=page]{border-bottom-color:var(--honey)}.site-footer{padding:2rem 1rem 4rem;color:var(--muted);font-size:.88rem;text-align:center}@media(max-width:860px){body{font-size:16px;line-height:1.68}h1{font-size:1.9rem;line-height:1.24;overflow-wrap:anywhere}h2{font-size:1.45rem}.page-shell,.site-nav{max-width:calc(100% - 2.5rem)}.page-shell{padding:2rem 0 3.4rem}.layout-article .site-header{position:relative}.site-nav{align-items:flex-start;flex-direction:column;gap:.6rem;padding:.75rem 0}.nav-links{width:100%;overflow-x:auto;padding-bottom:.15rem}.grid--two,.grid--three,.filter-bar{grid-template-columns:1fr}.filter-bar--curation,.curation-answers,.review-checks,.review-checks--four{grid-template-columns:minmax(0,1fr)}.curation-answers>div:last-child{grid-column:auto}.status-alert{align-items:stretch;flex-direction:column}.home-search{gap:.35rem;padding:.3rem .32rem .3rem .8rem}.home-search__field{gap:.45rem}.home-search__button{min-height:2.4rem;padding:.58rem .95rem}.section-header{align-items:start;flex-direction:column}.section-header .quiet-link{display:none}.button--secondary.section-cta{display:inline-flex;width:100%;min-height:2.75rem;margin-top:1.5rem}[data-mobile-limit="3"]>*:nth-child(n+4){display:none}.hero{gap:1rem;padding:1.35rem 0 1.1rem}.guide-article>.prose{margin-top:.55rem}.prose{font-size:1.0625rem;line-height:1.74}.prose>*+*{margin-top:1.15rem}.prose h2{margin-top:2.65rem;font-size:1.42rem;line-height:1.4}.prose h3{margin-top:1.95rem;font-size:1.17rem}.prose h4{margin-top:1.55rem;font-size:1.06rem}.prose :is(h2,h3,h4)+*{margin-top:.72rem}.prose ul,.prose ol{padding-left:1.15em}.prose blockquote{padding-left:.85rem}.prose pre{padding:.95rem 1rem;font-size:.84rem}.panel{padding:1.05rem}.copy-toolbar{align-items:stretch;flex-direction:column;gap:.6rem}.button,.copy-button{min-height:2.75rem}.copy-toolbar .copy-button{width:100%;min-height:2.9rem;font-size:.95rem}.copy-block pre{max-height:none;overflow-x:hidden;white-space:pre-wrap;word-break:break-word}.sticky-copy-bar{display:block}.page-shell--article{padding-bottom:5rem}.site-footer{padding-bottom:6rem}.pagination{flex-direction:column;justify-content:center;text-align:center}.pagination__controls{justify-content:center}}