| 整列，不是塞在「操作」欄裡 —— 欄寬會把 textarea 壓成一行、複製鈕擠出欄外、QR 與下載鈕堆成一長條。 */
.detail-row>td{padding-top:0;border-bottom:2px solid var(--line)}.detail-row summary{cursor:pointer;color:var(--blue);font-size:.85rem;letter-spacing:.06em;font-weight:800;padding:.5rem 0}.detail-row summary:hover{color:var(--yellow)}.source-detail{display:grid;grid-template-columns:minmax(200px,240px) minmax(0,1fr);gap:var(--space-3);align-items:start;padding:var(--space-2) 0 var(--space-3)}.source-detail .qr-preview{padding:var(--space-2);box-shadow:none}.source-detail .qr-preview img{margin-bottom:.6rem}.source-detail .download-links .button{min-height:38px;padding:.3rem .6rem;font-size:.8rem}.source-snippets{display:grid;gap:var(--space-2);min-width:0}.source-snippets label{margin-bottom:.3rem;font-size:.85rem}.source-edit{grid-column:1/-1;display:flex;gap:var(--space-2);align-items:end;flex-wrap:wrap;margin:0;padding-top:var(--space-2);border-top:1px solid var(--line)}.source-edit .field{flex:1;min-width:11rem;margin:0}@media(max-width:700px){.source-detail{grid-template-columns:1fr}.source-edit{display:block}.source-edit .field{margin-bottom:var(--space-2)}}
/* 中文標題不要用 ch 當寬度上限：ch 是數字 0 的寬（約 .55em），
拿來限中文會在莫名其妙的字數斷行，留下孤字。改由容器寬決定，
再用 text-wrap:balance 讓兩行平均分配，避免「去」這種單字落單。 */
.form-shell h1,.result-shell h1{max-width:none;text-wrap:balance}
/* 滿寬按鈕的斜切要用固定像素，不能用百分比。
.button.primary 的 clip-path 是按窄按鈕調的百分比座標，
拉到表單全寬後左右各被削掉三十幾 px，看起來像壞掉。 */
.button.primary.submit{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 100%,14px 100%)}
/* 共用頁尾置中。頁面內容是置中的窄欄（form-shell / result-shell / doc-shell），
頁尾卻是全幅靠左，會看起來像掉在角落的孤兒。
置中對四個共用頁都成立；若改成對齊內容欄左緣，就得為三種不同欄寬做判斷。 */
.doc-footer{justify-content:center}
/* 付款方式選項橫排。.check 原本是為 /donate 那顆單獨的「同意公開」勾選框設計的
（block 級 flex ＋ 1.5rem 下邊距），整組五個塞進後台表單就堆成一條直的，
在 .admin-filters 那種橫向 flex 裡更慘 —— fieldset 沒有 flex 尺寸，
被壓成 409px 寬、576px 高，標籤一個字一行，旁邊四個輸入框被 align-items:end
推到底部，上面留一大片空白。改成自成一列、選項橫向 wrap 的 chip。 */
.pay-methods{flex:1 1 100%;margin:0}
.pay-methods legend{font-size:.85rem;letter-spacing:.05em;color:var(--muted);margin-bottom:.5rem}
.pay-methods .opts{display:flex;flex-wrap:wrap;gap:.5rem}
.pay-methods .check{margin:0;gap:.5rem;padding:.45rem .8rem;border:1px solid var(--line);background:var(--surface-2);transition:border-color var(--fast) var(--ease)}
.pay-methods .check:hover{border-color:var(--blue)}
.pay-methods .check input{width:18px;height:18px;flex:none}
.pay-methods .check:has(input:checked){border-color:var(--violet);background:oklch(32% .1 300 / .5)}
.pay-methods .check:has(input:disabled){opacity:.6;background:transparent}
.pay-methods .check:has(input:disabled):hover{border-color:var(--line)}
.pay-methods .check small{font-size:.8rem}
/* 展開列裡的編輯表單一直不是 flex：`.admin-table td form`（0,1,2）比 `.source-edit`
（0,1,0）特異性高，display:inline-block 贏了 display:flex，又因為它是 grid item
被 blockify 成 block，所以 .field 的 flex:1 從來沒生效過，三個欄位各佔一整列。
加上付款方式那組之後才明顯。這裡把特異性拉高到蓋得過去。 */
.admin-table td form.source-edit{display:flex;margin:0}
.pay-methods .pay-note{color:var(--muted);font-size:.8rem;margin:.55rem 0 0}
/* 一個來源在 DOM 上是兩個 |