.content-body .article-body .table-wrap{margin:1.75em 0;overflow-x:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(to right,#f6f2eb 30%,#f6f2eb00) left center / 40px 100% no-repeat local,linear-gradient(to left,#f6f2eb 30%,#f6f2eb00) right center / 40px 100% no-repeat local,linear-gradient(to right,#44302529,#44302500) left center / 14px 100% no-repeat scroll,linear-gradient(to left,#44302529,#44302500) right center / 14px 100% no-repeat scroll,#f6f2eb;border-radius:12px;box-shadow:0 3px 9px #6e4b4114;scrollbar-width:thin;scrollbar-color:rgba(154,90,88,.5) transparent}.content-body .article-body table{border-collapse:collapse;width:max-content;min-width:100%;font-size:.95rem;line-height:1.6}.content-body .article-body th,.content-body .article-body td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(68,48,37,.1)}.content-body .article-body th{white-space:nowrap;font-weight:700;background:#ede8e1;color:#443025e6}.content-body .article-body td{min-width:8em;max-width:min(20em,62vw);background:#f6f2eb;text-wrap:pretty}.content-body .article-body tr:last-child td{border-bottom:none}.content-body .article-body td>*:last-child{margin-bottom:0}.content-body .article-body table:not(.table-fit) th:first-child,.content-body .article-body table:not(.table-fit) td:first-child{position:sticky;left:0;z-index:1;box-shadow:1px 0 #4430251a;min-width:6em;max-width:min(10em,40vw);white-space:normal;word-break:keep-all;overflow-wrap:break-word;text-wrap:balance;padding-left:14px;padding-right:8px}.content-body .article-body{--table-first-col-bg: #9A5A58;--table-first-col-text: #fff}.content-body .article-body table th:first-child,.content-body .article-body table td:first-child{background:var(--table-first-col-bg);color:var(--table-first-col-text);font-weight:600;border-bottom-color:#ffffff47}.content-body .article-body table.table-fit{width:100%;font-size:.9rem}.content-body .article-body table.table-fit th,.content-body .article-body table.table-fit td{padding:10px 12px;white-space:normal;min-width:0;max-width:none}.content-body .article-body details{box-sizing:border-box;margin:0;border-bottom:1px solid rgba(68,48,37,.07)}.content-body .article-body :not(details)+details,.content-body .article-body details:first-child{border-top:1px solid rgba(68,48,37,.07)}.content-body .article-body details+:not(details){margin-top:1.5rem}.content-body .article-body summary{font-family:Noto Sans TC,sans-serif;font-size:.92rem;font-weight:500;color:#443025cc;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:20px 0}.content-body .article-body summary::-webkit-details-marker{display:none}.content-body .article-body summary:after{content:"+";font-size:1.2rem;line-height:1;color:#4430254d;font-weight:300;flex-shrink:0;margin-left:20px;transition:transform .22s}.content-body .article-body details[open]>summary:after{transform:rotate(45deg)}.content-body .article-body details>summary~*{font-size:.88rem;color:#44302585;line-height:1.8;margin-top:0}.content-body .article-body details>*:last-child{margin-bottom:0;padding-bottom:20px}.content-body .article-body figure{margin:1.75em 0}.content-body .article-body figure img,.content-body .article-body figure video{margin:0;width:100%;height:auto}.content-body .article-body figure img{border-radius:12px}.content-body .article-body figcaption{margin-top:.6rem;font-size:.85rem;line-height:1.6;color:#44302580;text-align:center}.content-body .article-body .callout{display:flex;gap:.75rem;background:#f6f2eb;border-radius:12px;padding:20px 24px;margin:1.75em 0;box-shadow:-10px -6px 26px -8px #fbacac42,0 12px 28px -10px #fbacac33,12px 10px 20px -12px #f1e4391a,0 3px 9px #6e4b4114}.content-body .article-body .callout-icon{font-size:1.2rem;flex-shrink:0;line-height:1.6}.content-body .article-body .callout-body{flex:1;min-width:0;color:#443025d1}.content-body .article-body .callout-body>*:last-child{margin-bottom:0}.content-body .article-body .callout-gray{background:#efede9}.content-body .article-body .callout-brown{background:#f0e6dd}.content-body .article-body .callout-orange{background:#f9e9d6}.content-body .article-body .callout-yellow{background:#f8f0cc}.content-body .article-body .callout-green{background:#e3eee3}.content-body .article-body .callout-blue{background:#e1ebf4}.content-body .article-body .callout-purple{background:#ebe3f2}.content-body .article-body .callout-pink{background:#f6e1e9}.content-body .article-body .callout-red{background:#f7e0de}.content-body .article-body ul.todo{list-style:none;padding-left:0}.content-body .article-body ul.todo>li{display:flex;align-items:flex-start;gap:.65em}.content-body .article-body ul.todo>li:before{content:"";flex-shrink:0;box-sizing:border-box;width:1.1em;height:1.1em;margin-top:.4em;border:1.5px solid rgba(68,48,37,.45);border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:.8em;line-height:1;color:#fff}.content-body .article-body ul.todo>li.is-checked:before{content:"✓";background:#b06e6c;border-color:#b06e6c}.content-body .article-body ul.todo>li.is-checked{color:#44302580}.content-body .article-body .code-block{position:relative;margin:1.75em 0}.content-body .article-body .code-block pre{margin:0;padding-right:56px}.content-body .article-body .code-copy{position:absolute;top:8px;right:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(68,48,37,.15);border-radius:8px;background:#ffffffbf;color:#44302599;cursor:pointer;transition:color .15s,background .15s}.content-body .article-body .code-copy:hover{color:#443025e6;background:#fff}.content-body .article-body .code-copy svg{width:18px;height:18px}.content-body .article-body .code-copy .icon-check{display:none}.content-body .article-body .code-copy.is-copied{color:#4a7c59}.content-body .article-body .code-copy.is-copied .icon-copy{display:none}.content-body .article-body .code-copy.is-copied .icon-check{display:block}.content-body .article-body pre{margin:1.75em 0;padding:16px 18px;background:#ecebe9;border-radius:12px;overflow-x:auto;font-family:Menlo,Monaco,monospace;font-size:.875rem;line-height:1.6;white-space:pre;tab-size:2}.content-body .article-body pre code{background:none;padding:0;border-radius:0;font-size:inherit}.content-body .article-body .columns{display:flex;gap:24px;margin:1.75em 0}.content-body .article-body .column{flex:1;min-width:0}.content-body .article-body .column>*:last-child{margin-bottom:0}@media(max-width:640px){.content-body .article-body .columns{flex-direction:column;gap:1.25em}}.content-body .article-body .embed{position:relative;aspect-ratio:16 / 9;margin:1.75em 0;border-radius:12px;overflow:hidden;background:#f6f2eb}.content-body .article-body .embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.content-body .article-body video{display:block;max-width:100%;margin:1.75em 0;border-radius:12px}.video-frame{position:relative;line-height:0}.video-frame video{display:block;margin:0;border-radius:12px}.content-body .article-body .video-frame{margin:1.75em 0;cursor:zoom-in}.content-body .article-body .video-frame video.loop-video{margin:0}.video-bar{--th: 4px;position:absolute;left:2%;right:2%;bottom:-2px;height:24px;cursor:pointer;touch-action:none}.video-bar:before,.video-bar-fill{content:"";position:absolute;left:0;top:calc(50% - var(--th) / 2);height:var(--th);border-radius:999px;transition:height .15s,top .15s}.video-bar:before{right:0;background:#6e3c3a5c}.video-bar-fill{width:0;background:#b06e6c}.video-bar:hover,.video-bar:focus-visible,.video-bar.is-dragging{--th: 6px}.video-bar:focus-visible{outline:none}.video-bar-head{--head: 18px;position:absolute;top:50%;left:clamp(calc(var(--head) / 2),calc(var(--p, 0) * 100%),calc(100% - var(--head) / 2));width:var(--head);height:var(--head);transform:translate(-50%,-50%);background:url(/video-bar-logo.webp) center / contain no-repeat;filter:drop-shadow(0 0 1.5px rgba(68,48,37,.4));pointer-events:none}@media(max-width:600px){.video-bar-head{--head: 16px}}.content-body .article-body img.zoomable{cursor:zoom-in}.lightbox{position:fixed;inset:0;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;padding:3.5rem 1rem 1.5rem;background:#261a14eb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:lightbox-in .15s ease-out}.lightbox[hidden]{display:none}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.lightbox{animation:none}}.lightbox-stage{display:flex;align-items:center;justify-content:center;width:100%;min-height:0;flex:1}.lightbox-stage img,.lightbox-stage video{max-width:100%;max-height:100%;border-radius:12px;background:#f6f2eb}.lightbox-stage img{cursor:zoom-out}.lightbox-stage .video-frame{display:inline-block;max-width:100%}.lightbox-stage .video-frame video{max-width:100%;max-height:calc(100vh - 7rem)}.lightbox-caption{margin:0;max-width:44rem;font-size:.9rem;line-height:1.6;color:#fffc;text-align:center}.lightbox-close{position:absolute;top:.75rem;right:1rem;width:44px;height:44px;border:0;border-radius:50%;background:#ffffff24;color:#fff;font-size:28px;line-height:1;cursor:pointer}.lightbox-close:hover,.lightbox-close:focus-visible{background:#ffffff47;outline:none}html.lightbox-open{overflow:hidden}.content-body .article-body .c-gray{color:#7a756e}.content-body .article-body .c-brown{color:#8b6a54}.content-body .article-body .c-orange{color:#c0752f}.content-body .article-body .c-yellow{color:#a8830f}.content-body .article-body .c-green{color:#4a7c59}.content-body .article-body .c-blue{color:#3b6ea5}.content-body .article-body .c-purple{color:#7b5ea7}.content-body .article-body .c-pink{color:#b5577a}.content-body .article-body .c-red{color:#b8453f}.content-body .article-body .bg-gray{background:#78756e24}.content-body .article-body .bg-brown{background:#8b6a5429}.content-body .article-body .bg-orange{background:#e0873429}.content-body .article-body .bg-yellow{background:#ecbd2842}.content-body .article-body .bg-green{background:#4d8d6129}.content-body .article-body .bg-blue{background:#3b6ea524}.content-body .article-body .bg-purple{background:#7b5ea724}.content-body .article-body .bg-pink{background:#cf5f8f26}.content-body .article-body .bg-red{background:#d64c4624}.content-body .article-body span[class*=bg-]{padding:.05em .2em;border-radius:3px}@media(max-width:768px){.content-body .article-body table{font-size:15px}.content-body .article-body table.table-fit{font-size:14.5px}.content-body .article-body summary{font-size:15.5px}.content-body .article-body details>summary~*{font-size:15px}.content-body .article-body figcaption{font-size:13.5px}.content-body .article-body pre{font-size:13.5px}}