/* ============================================================
   pages.css — 各頁專屬版型
   首頁／畫家頁／作品頁／登入／許願詳情／我的帳號／畫家後台／管理後台
   ============================================================ */

/* ============================================================
   首頁 index.html
   ============================================================ */
.hero{ padding-block:clamp(2.5rem,7vw,5rem) var(--sp-section); }
.hero-in{ display:grid; gap:var(--sp-4); align-items:center; grid-template-columns:1fr; }
@media (min-width:900px){ .hero-in{ grid-template-columns:1.05fr 1fr; } }
.hero h1{ font-size:clamp(2.1rem,5.6vw,3.6rem); line-height:1.18; }
.hero .lede{ margin:var(--sp-3) 0 var(--sp-4); }
.hero-art{ display:grid; gap:var(--sp-2); grid-template-columns:1fr 1fr; }
.hero-art .ph:nth-child(2){ margin-top:var(--sp-4); }

/* 收藏三步驟 */
.steps{ display:grid; gap:var(--sp-3); grid-template-columns:1fr; list-style:none; counter-reset:step; }
@media (min-width:900px){ .steps{ grid-template-columns:repeat(3,1fr); } }
.step{ counter-increment:step; padding-top:var(--sp-3); border-top:1px solid var(--invert-border); }
.step::before{
  content:counter(step,decimal-leading-zero); display:block; margin-bottom:var(--sp-2);
  font-family:var(--f-head); font-weight:800; font-size:1rem; color:var(--invert-soft);
}
.step h3{ font-size:1.25rem; margin-bottom:.5rem; }
.step p{ color:var(--invert-soft); margin:0; }
.steps-note{ margin:var(--sp-4) 0 0; font-size:.92rem; color:var(--invert-soft); }

/* 首頁兩欄 CTA（許願／成為畫家） */
.cta-pair{ display:grid; gap:var(--sp-3); grid-template-columns:1fr; }
@media (min-width:900px){ .cta-pair{ grid-template-columns:1fr 1fr; } }
.cta-card{ padding:clamp(1.5rem,4vw,2.5rem); border:1px solid var(--border); border-radius:var(--r-card); background:var(--bg); display:flex; flex-direction:column; align-items:flex-start; }
.cta-card h2{ font-size:clamp(1.3rem,3vw,1.6rem); margin-bottom:.6rem; }
.cta-card p{ color:var(--ink-soft); flex:1; }

/* ============================================================
   畫家頁 artist.html
   ============================================================ */
/* 版面照 demo（arch-site/css/page-desktop.css 的 .artist）：
   900px 以上左欄畫家資料（260–300px）、右欄作品；以下改成上下排 */
.artist-crumbs{ align-items:center; gap:.6rem; font-size:.95rem; }
.artist-crumbs li + li::before{ margin-right:.6rem; }
.crumb-back{ display:inline-flex; align-items:center; gap:.45rem; min-height:44px; font-weight:600; color:var(--ink); }
.crumb-back svg{ width:16px; height:16px; flex:none; }

.artist-layout{ display:grid; gap:clamp(2rem,5vw,3.25rem); grid-template-columns:minmax(0,1fr); align-items:start; }
@media (min-width:900px){
  .artist-layout{ grid-template-columns:minmax(260px,300px) minmax(0,1fr); column-gap:clamp(2.5rem,4vw,4rem); }
}
.artist-side{ min-width:0; max-width:40rem; }

/* 圓形頭像：外圈白框＋細線（demo .portrait） */
.artist-portrait{
  display:block; width:104px; height:104px; padding:4px; margin-bottom:1.5rem;
  border:1px solid var(--border); border-radius:50%; background:var(--bg); box-shadow:var(--shadow-sm);
}
.artist-portrait .avatar{ width:100%; height:100%; border:0; font-size:2.2rem; }
.artist-name{ font-size:clamp(1.6rem,4vw,2.2rem); margin-bottom:.75rem; overflow-wrap:anywhere; }
.artist-side .tags{ gap:.5rem; margin-bottom:.85rem; }
.artist-side .tag{ font-size:.82rem; padding:.25rem .75rem; color:var(--ink-soft); background:var(--bg-alt); }
.artist-badge{ margin:0 0 .5rem; font-size:.82rem; padding:.3rem .75rem; }
.artist-note{ margin:0 0 .2rem; font-size:.92rem; line-height:1.65; color:var(--ink-soft); }
.artist-one{ margin:.6rem 0 0; font-size:1.05rem; font-weight:500; color:var(--ink-soft); }

.artist-contact{ margin:1.5rem 0; padding-top:1.5rem; border-top:1px solid var(--border); }
.artist-contact-label{ margin:0 0 1rem; font-size:.95rem; line-height:1.7; color:var(--ink-soft); }
.artist-contact .btn{ padding:.7rem 1.2rem; font-size:.9rem; }

.artist-story{ margin-top:1.5rem; }
.artist-contact + .artist-story{ margin-top:0; }
.artist-story .story{ margin:0; font-size:1.02rem; line-height:1.85; color:var(--ink-soft); white-space:pre-line; overflow-wrap:anywhere; }
/* 手機、平板：故事太長先顯示 8 行（js/artist.js 判斷要不要出現「展開完整故事」） */
@media (max-width:899px){
  .artist-story .story.is-clamped{ display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:8; overflow:hidden; }
}
.story-toggle{
  display:inline-flex; align-items:center; min-height:44px; margin-top:.25rem; padding:0; cursor:pointer;
  border:0; background:none; font:inherit; font-size:.95rem; font-weight:600; color:var(--ink);
  text-decoration:underline; text-underline-offset:4px;
}

/* 作品卡（demo .work）：白底圓角框 → 黑底圖片區（整張畫不裁切）→〈標題〉→ 媒材／尺寸／價格 */
.aw-grid{ display:grid; gap:var(--sp-3); grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr)); }
.aw-card{
  position:relative; display:flex; flex-direction:column; min-width:0; padding:.9rem;
  color:var(--ink); text-decoration:none;
  background:var(--bg); border:1px solid var(--border); border-radius:var(--r-card); box-shadow:var(--shadow-sm);
  transition:transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s var(--ease);
}
a.aw-card:hover,a.aw-card:focus-visible{ transform:translateY(-4px); box-shadow:var(--shadow-lg); border-color:var(--border-strong); }
a.aw-card:focus-visible{ outline:3px solid var(--accent2); outline-offset:4px; border-radius:var(--r-card); }
a.aw-card:active{ transform:translateY(-2px); transition-duration:.1s; }
a.aw-card:hover .aw-title{ text-decoration:underline; text-underline-offset:4px; }
.aw-frame{ position:relative; }
.aw-art{
  display:block; aspect-ratio:4/5; overflow:hidden;
  background:var(--invert-bg); border:1px solid var(--border); border-radius:8px;
}
.aw-art img{ width:100%; height:100%; display:block; object-fit:contain; }
.aw-art.is-empty{ background:var(--bg-alt); }
.aw-frame .status{ position:absolute; left:.55rem; top:.55rem; }
.aw-plate{ margin-top:.85rem; padding-top:.9rem; border-top:1px solid var(--border); }
.aw-title{ margin:0 0 .65rem; font-size:1.1rem; font-weight:700; line-height:1.5; letter-spacing:0; overflow-wrap:anywhere; }
.aw-meta{ margin:0; font-size:.9rem; color:var(--ink-soft); }
.aw-meta div{ display:flex; justify-content:space-between; gap:.75rem; padding:.32rem 0; border-bottom:1px solid var(--border); }
.aw-meta dt{ flex:none; padding-top:.1em; }
.aw-meta dd{ margin:0; min-width:0; text-align:right; font-weight:500; color:var(--ink); overflow-wrap:anywhere; }
/* 載入中骨架 */
.skel .aw-card{ box-shadow:none; }
.skel .aw-art{ border-color:transparent; background:var(--skel); }

/* 手機（demo html4-mobile）：作品兩欄、字縮小；太窄（<360px）改一欄 */
@media (max-width:639px){
  .artist-portrait{ width:88px; height:88px; margin-bottom:1.25rem; }
  .aw-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
  .aw-card{ padding:.7rem; }
  .aw-plate{ margin-top:.65rem; padding-top:.7rem; }
  .aw-title{ font-size:.92rem; line-height:1.4; margin-bottom:.5rem; }
  .aw-meta{ font-size:.76rem; }
  .aw-meta div{ gap:.5rem; padding:.24rem 0; }
  .aw-frame .status{ left:.4rem; top:.4rem; font-size:.72rem; padding:.25rem .55rem; }
}
@media (max-width:359px){ .aw-grid{ grid-template-columns:minmax(0,1fr); } }

/* ============================================================
   作品頁 work.html
   ============================================================ */
.work-detail{ display:grid; gap:var(--sp-4); grid-template-columns:1fr; align-items:start; }
@media (min-width:900px){ .work-detail{ grid-template-columns:1.2fr 1fr; } }
.work-detail .ph{ border-radius:var(--r-card); }
/* 作品大圖：框的比例照作品真實寬高（--ratio 由 js/work.js 設定），整張畫完整顯示不裁切；太高的畫限制高度、左右留白 */
.work-figure{
  margin:0; width:100%; aspect-ratio:var(--ratio,4/5); max-height:min(80vh,760px);
  display:flex; align-items:center; justify-content:center; overflow:hidden;
  background:var(--bg-alt); border-radius:var(--r-card);
}
.work-figure img{ width:100%; height:100%; object-fit:contain; }
.work-figure.is-broken{ aspect-ratio:4/5; }
.work-figure .ph{ width:100%; height:100%; aspect-ratio:auto; border-radius:0; }
.work-info h1{ font-size:clamp(1.6rem,4vw,2.3rem); margin-bottom:.6rem; }
.work-by{ display:inline-flex; align-items:center; gap:.6rem; text-decoration:none; font-weight:600; min-height:44px; }
.work-by:hover span:last-child{ text-decoration:underline; text-underline-offset:4px; }
.work-price{ font-family:var(--f-head); font-weight:800; font-size:1.6rem; margin:var(--sp-3) 0 var(--sp-1); }
.specs{ margin:var(--sp-3) 0; border-top:1px solid var(--border); }
.specs div{ display:flex; justify-content:space-between; gap:1rem; padding:.75rem 0; border-bottom:1px solid var(--border); }
.specs dt{ color:var(--ink-soft); }
.specs dd{ margin:0; font-weight:600; text-align:right; }
.work-desc{ white-space:pre-line; line-height:1.9; }
@media (min-width:900px){ .work-info{ position:sticky; top:calc(var(--nav-h) + 1.5rem); } }

/* ============================================================
   登入 login.html
   ============================================================ */
.auth{ min-height:calc(100dvh - var(--nav-h)); display:flex; align-items:center; padding-block:var(--sp-4); }
.auth-card{
  width:100%; max-width:440px; margin-inline:auto; text-align:center;
  padding:clamp(1.75rem,5vw,2.75rem); border:1px solid var(--border); border-radius:var(--r-card); box-shadow:var(--shadow);
}
.auth-card .brand-mark{ width:40px; height:40px; margin:0 auto var(--sp-3); }
.auth-card h1{ font-size:1.6rem; margin-bottom:.6rem; }
.auth-card .lede{ font-size:1rem; margin:0 auto var(--sp-3); }
.auth-card .btn{ width:100%; }
.auth-perks{ list-style:none; text-align:left; margin:var(--sp-3) 0; padding:var(--sp-2) 0; border-block:1px solid var(--border); font-size:.94rem; }
.auth-perks li{ display:flex; gap:.6rem; padding:.35rem 0; }
.auth-perks svg{ width:18px; height:18px; flex:none; margin-top:.25rem; color:var(--ok); }
.auth-guest{ display:inline-flex; align-items:center; min-height:44px; margin-top:var(--sp-2); font-weight:600; }
.auth-legal{ font-size:.8rem; color:var(--ink-soft); margin:var(--sp-3) auto 0; }

/* ============================================================
   許願詳情 wish.html
   ============================================================ */
.wish-detail{ display:grid; gap:var(--sp-4); grid-template-columns:1fr; align-items:start; }
@media (min-width:900px){ .wish-detail{ grid-template-columns:1.4fr 1fr; } }
.wish-detail .wish-quote{ font-size:clamp(1.2rem,2.6vw,1.45rem); line-height:1.85; }
.wish-detail .wish-facts{ margin-top:var(--sp-3); }
.wish-by{ margin-top:var(--sp-2); color:var(--ink-soft); }
.aside-card{ padding:var(--sp-3); border:1px solid var(--border); border-radius:var(--r-card); background:var(--bg); }
.aside-card h2{ font-size:1.15rem; margin-bottom:.5rem; }
.aside-card p{ font-size:.95rem; color:var(--ink-soft); }
@media (min-width:900px){ .wish-detail aside{ position:sticky; top:calc(var(--nav-h) + 1.5rem); } }

/* ============================================================
   我的帳號／畫家後台／管理後台 共用
   ============================================================ */
.me-head{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-2) var(--sp-3); margin-bottom:var(--sp-4); }
.me-head h1{ font-size:clamp(1.5rem,3.6vw,2rem); }
.me-head p{ margin:.2rem 0 0; }
.me-head .btn-row{ margin-left:auto; }
.panel-head{ display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:.5rem 1rem; margin-bottom:var(--sp-3); }
.panel-head h2{ font-size:clamp(1.25rem,3vw,1.5rem); }
.panel-head p{ margin:.3rem 0 0; color:var(--ink-soft); font-size:.95rem; }
.sub-head{ font-size:1rem; margin:var(--sp-3) 0 var(--sp-2); }

/* 畫家後台：作品編輯卡 */
.works-edit{ display:grid; gap:var(--sp-2); grid-template-columns:1fr; }
.work-edit{ border:1px solid var(--border); border-radius:var(--r-card); padding:var(--sp-2); background:var(--bg); }
.work-edit-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:var(--sp-2); }
.work-edit-head h3{ font-size:1rem; }
.work-edit-grid{ display:grid; gap:var(--sp-2) var(--sp-3); grid-template-columns:1fr; }
@media (min-width:640px){ .work-edit-grid{ grid-template-columns:180px 1fr; } }
.work-edit .field{ margin-bottom:var(--sp-2); }
.add-work{
  display:flex; align-items:center; justify-content:center; gap:.5rem; width:100%; min-height:64px; cursor:pointer;
  border:1px dashed var(--border-strong); border-radius:var(--r-card); background:var(--bg-alt);
  font-weight:600; font-size:1rem;
}
.add-work:hover{ background:#ebebeb; }
.add-work svg{ width:18px; height:18px; }
.icon-btn{
  display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; flex:none; cursor:pointer;
  border:1px solid var(--border); border-radius:50%; background:var(--bg); color:var(--ink-soft);
}
.icon-btn:hover{ border-color:var(--ink); color:var(--ink); }
.icon-btn svg{ width:16px; height:16px; }

/* 管理後台：審核列展開 */
.review{ border:1px solid var(--border); border-radius:var(--r-card); background:var(--bg); }
.review + .review{ margin-top:var(--sp-2); }
.review > summary{ list-style:none; cursor:pointer; display:flex; align-items:center; gap:1rem; padding:1rem 1.25rem; }
.review > summary::-webkit-details-marker{ display:none; }
.review > summary .row-main{ min-width:0; }
.review > summary .row-main p{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.review-body{ padding:0 1.25rem 1.25rem; border-top:1px solid var(--border); padding-top:1.25rem; }
.review-body .quote{ white-space:pre-line; }
.review-actions{ display:flex; flex-wrap:wrap; gap:.6rem; align-items:flex-end; margin-top:var(--sp-2); }
.review-actions .field{ flex:1 1 16rem; margin:0; }

/* ============================================================
   畫家後台 studio.html（接資料庫，2026-11-05）
   ============================================================ */
/* 管理者模式：頂部黑色提示列 */
.admin-bar{
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:.75rem 1rem;
  padding:1rem 1.25rem; margin-bottom:var(--sp-3); border-radius:var(--r-card);
  background:var(--invert-bg); color:var(--invert-fg);
}
.admin-bar p{ margin:0; max-width:none; }
.admin-bar span{ color:var(--invert-soft); }

.studio-notices{ display:grid; gap:.75rem; }
.studio-notices .notice + *{ margin-top:0; }
.notice-quote{ display:block; margin:.35rem 0; font-weight:600; white-space:pre-line; overflow-wrap:anywhere; }
.notice-actions{ display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.75rem; }
.notice-actions .btn{ color:var(--ink); }

/* 圖片上傳框：已經有圖時顯示圖片＋「換一張」 */
.pick input{ z-index:2; }
.pick img{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; }
.pick.has-img{ padding:0; border-style:solid; border-color:var(--border); }
.pick--round img{ object-fit:cover; }
.pick-change{
  position:absolute; left:50%; bottom:.6rem; transform:translateX(-50%); z-index:1;
  padding:.3rem .8rem; border-radius:var(--r-btn); background:var(--scrim); color:var(--invert-fg);
  font-size:.82rem; font-weight:600; white-space:nowrap; pointer-events:none;
}
.pick--round .pick-change{ bottom:.55rem; padding:.2rem .6rem; font-size:.75rem; }
.pick-note{ font-size:.8rem; }
.pick.is-busy{ opacity:.65; cursor:progress; }
.pick-status{ margin:.5rem 0 0; font-size:.85rem; line-height:1.5; color:var(--ink-soft); max-width:none; }
.pick-status:empty{ display:none; }
.pick-status.is-bad{ color:var(--accent); }
.portrait-edit{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-2) var(--sp-3); }
.portrait-edit .pick-status{ margin:0 0 .5rem; }

.slug-preview{ margin:calc(-1 * var(--sp-2)) 0 var(--sp-3); overflow-wrap:anywhere; }

/* 作品卡：右上角的往前、往後、刪除 */
.works-list{ display:grid; gap:var(--sp-2); }
.work-tools{ display:flex; gap:.4rem; }
.icon-btn:disabled{ opacity:.35; cursor:not-allowed; }
.icon-btn:disabled:hover{ border-color:var(--border); color:var(--ink-soft); }
.add-work:disabled{ opacity:.5; cursor:not-allowed; }
textarea.ctrl--short{ min-height:5rem; }

/* 儲存列：捲動時一直貼在畫面底部 */
.save-hint{ margin:var(--sp-3) 0 0; font-size:.92rem; max-width:none; }
.studio-actions{
  position:sticky; bottom:0; z-index:5; background:var(--bg);
  padding-bottom:calc(.75rem + env(safe-area-inset-bottom)); margin-top:var(--sp-2);
}
.save-status{ margin:0 auto 0 0; font-size:.92rem; font-weight:600; max-width:none; }
.save-status:empty{ display:none; }
.save-status.is-ok{ color:var(--ok); }
.save-status.is-bad{ color:var(--accent); }
@media (max-width:639px){
  .studio-actions{ gap:.5rem; padding-top:.75rem; }
  .save-status{ flex-basis:100%; }
  .studio-actions .btn{ flex:1 1 0; padding-inline:1rem; }
}

/* ============================================================
   認領畫家頁 claim.html
   ============================================================ */
.claim-card{ padding:clamp(1.25rem,4vw,2rem); border:1px solid var(--border); border-radius:var(--r-card); background:var(--bg); box-shadow:var(--shadow); }
.claim-who{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-2) var(--sp-3); margin-bottom:var(--sp-3); }
.claim-who > div{ min-width:0; }
.claim-who h1{ font-size:clamp(1.5rem,4vw,2rem); overflow-wrap:anywhere; }
.claim-who p{ margin:.3rem 0 0; }
.claim-works{ display:grid; grid-template-columns:repeat(auto-fill,minmax(88px,1fr)); gap:.5rem; margin-bottom:var(--sp-3); }
.claim-thumb{ aspect-ratio:1; overflow:hidden; border-radius:8px; background:var(--bg-alt); }
.claim-thumb img{ width:100%; height:100%; object-fit:cover; }
.claim-lead{ color:var(--ink-soft); }
.claim-actions{ display:grid; gap:.75rem; }
.claim-note{ margin:0; font-size:.9rem; color:var(--ink-soft); max-width:none; overflow-wrap:anywhere; text-align:center; }
.claim-status{ margin:.75rem 0 0; font-size:.92rem; max-width:none; }
.claim-status:empty{ display:none; }
.claim-status.is-bad{ color:var(--accent); }

/* ============================================================
   申請成為畫家 apply.html
   ============================================================ */
.apply-err{ margin:0; flex-basis:100%; text-align:right; }

/* ============================================================
   管理後台：畫家分頁（接資料庫）
   ============================================================ */
.seg-scroll{ max-width:100%; overflow-x:auto; margin-bottom:var(--sp-3); padding-bottom:.25rem; }
.seg-scroll .seg{ white-space:nowrap; }
.seg-scroll .seg button{ flex:none; }
.seg-count{ margin-left:.3rem; font-size:.78rem; font-weight:600; color:var(--ink-soft); }
.seg-count:empty{ display:none; }
.admin-flash{ margin-bottom:var(--sp-2); }

.review > summary .row-main{ flex:1; }
.admin-badges{ display:flex; flex-direction:column; align-items:flex-end; gap:.35rem; flex:none; }

.admin-facts{ display:grid; grid-template-columns:minmax(0,1fr); margin:0 0 var(--sp-2); font-size:.92rem; border-top:1px solid var(--border); }
@media (min-width:640px){ .admin-facts{ grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:var(--sp-3); } }
.admin-facts div{ display:flex; gap:.75rem; padding:.45rem 0; border-bottom:1px solid var(--border); }
.admin-facts dt{ flex:none; width:6.5em; color:var(--ink-soft); }
.admin-facts dd{ margin:0; min-width:0; overflow-wrap:anywhere; }

.admin-block{ margin-top:var(--sp-3); padding-top:var(--sp-3); border-top:1px solid var(--border); }
.admin-block h4{ font-size:1rem; margin-bottom:.75rem; }
.admin-block .tags{ margin-bottom:.75rem; }
.copy-row{ display:flex; gap:.5rem; align-items:center; margin:.5rem 0 .75rem; }
.copy-row .ctrl{ flex:1; min-width:0; min-height:40px; padding:.5rem .8rem; font-size:.9rem; }
.copy-row .btn{ flex:none; }
@media (max-width:479px){ .copy-row{ flex-wrap:wrap; } .copy-row .btn{ width:100%; } }
.bind-field{ margin-top:var(--sp-3); margin-bottom:0; }
.bind-conflict{ margin-top:.75rem; padding:1rem; border-radius:var(--r-input); background:var(--accent-bg); border:1px solid var(--accent-border); }
.bind-conflict p{ margin:0 0 .5rem; max-width:none; font-size:.92rem; }
.admin-msg{ margin:.5rem 0 0; font-size:.9rem; font-weight:600; color:var(--ok); max-width:none; }
.admin-msg:empty{ display:none; }
.admin-msg.is-bad{ color:var(--accent); }

.admin-thumbs{ display:grid; grid-template-columns:repeat(auto-fill,minmax(96px,1fr)); gap:.5rem; margin:.75rem 0; }
.admin-thumb{ display:block; aspect-ratio:1; overflow:hidden; border-radius:8px; background:var(--bg-alt); border:1px solid var(--border); }
.admin-thumb img{ width:100%; height:100%; object-fit:cover; }
.admin-thumb--sm{ display:inline-block; width:44px; height:44px; aspect-ratio:auto; }

.diff-list{ list-style:none; margin:0 0 var(--sp-2); padding:0; font-size:.92rem; border-top:1px solid var(--border); }
.diff-list li{ padding:.55rem 0; border-bottom:1px solid var(--border); overflow-wrap:anywhere; }
.diff-old{ color:var(--ink-soft); text-decoration:line-through; }
.diff-new{ font-weight:600; }
.diff-add{ color:var(--ok); }
.diff-del{ color:var(--accent); }
.diff-imgs{ display:flex; align-items:center; gap:.5rem; margin-top:.4rem; color:var(--ink-soft); }
.diff-more summary{ display:inline-flex; align-items:center; min-height:44px; cursor:pointer; color:var(--accent2); }
.diff-more .quote{ margin:.25rem 0 0; white-space:pre-line; }
/* 手機：作品圖片框不要撐滿整個寬度 */
@media (max-width:639px){ .work-edit-grid .pick{ max-width:220px; } }