@import url("https://fonts.googleapis.com/css2?family=Chiron+GoRound+TC:wght@400&display=swap");
/* V25.13 / 手機閱讀與排版優化。所有修改都限定在小螢幕，桌機排版不變。 */

/* 活動組輪播：將原本的數字位置改為可操作且有無障礙標示的圓點。 */
.team-position { display:none!important; }
.team-dots {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  min-height:28px;
  margin:7px auto 0;
  padding:3px 14px;
}
.team-dots[hidden] { display:none!important; }
.team-dot {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:24px;
  height:24px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  cursor:pointer;
}
.team-dot::before {
  content:"";
  width:8px;
  height:8px;
  border-radius:999px;
  background:#b5d5cc;
  transition:background-color .2s, width .2s, transform .2s;
}
.team-dot[aria-current="true"]::before {
  width:19px;
  background:#258b83;
}
.team-dot:hover::before { background:#4b9f92; transform:scale(1.08); }
.team-dot:focus-visible { outline:2px solid #247f77; outline-offset:1px; }

@media (max-width:760px) {
  /* 正體中文圓體只套用大字，不干擾文章正文、作者帳號和卡片資訊。 */
  .hero h1,
  .gallery-section .gallery-heading h2,
  .gallery-section .gallery-heading h2 #gallery-title-text,
  .team-heading #team-title,
  .thanks-section #credits-title,
  .empty-state h3,
  .article-reader .article-heading {
    font-family:"Chiron GoRound TC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
    font-weight:800;
    font-synthesis:weight;
    letter-spacing:.01em;
    line-height:1.4;
  }
  .gallery-section .gallery-heading h2,
  .gallery-section .gallery-heading h2 #gallery-title-text { font-weight:900; }
  .hero h1 { font-weight:800; }
  .team-heading #team-title { font-weight:800; }
  .thanks-section #credits-title { font-weight:800; }

  /* 作品卡不再為原本的兩行標題保留空白高度。 */
  .art-grid .art-card .art-meta {
    min-height:0;
    padding:7px 10px 10px;
    gap:0;
  }
  .art-grid .art-card .art-order { margin:0 0 2px; line-height:1.5; }
  .art-grid .art-card .art-author { line-height:1.45; margin:0; }
  .art-grid .art-card .art-action-band { padding:3px 0 5px; }
  .art-grid .art-card .art-card-links { min-height:0; }

  /* 作品詳情：圖文優先，資訊列保留內部捲動，不裁掉長留言。 */
  .art-dialog:not(.is-story) .dialog-layout,
  .art-dialog.is-story .dialog-layout {
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:minmax(0,1fr) auto;
  }
  .art-dialog .dialog-info,
  .art-dialog.is-story .dialog-info {
    max-height:min(29dvh,245px);
    min-height:0;
    overflow:hidden;
    padding:10px 15px 8px;
    gap:5px;
    justify-content:space-between;
  }
  .art-dialog .dialog-info-inner,
  .art-dialog.is-story .dialog-info-inner {
    min-height:0;
    flex:1 1 auto;
    overflow-y:auto;
    overscroll-behavior:contain;
    scrollbar-width:thin;
  }
  .art-dialog .dialog-eyebrow,
  .art-dialog.is-story .dialog-eyebrow { font-size:10px; margin:0 0 3px; }
  .art-dialog .dialog-info .dialog-artist { font-size:18px; line-height:1.3; }
  .art-dialog .dialog-info .dialog-sns { margin:4px 0 0; }
  .art-dialog .dialog-info .dialog-profile-button { min-height:28px; padding:3px 11px; font-size:11px; }
  .art-dialog .dialog-info .dialog-divider,
  .art-dialog.is-story .dialog-info .dialog-divider { margin:8px 0; }
  .art-dialog .dialog-info .dialog-message { padding-left:11px; }
  .art-dialog .dialog-info .dialog-message-heading { margin:0 0 3px; }
  .art-dialog .dialog-info #dialog-note { font-size:12px; line-height:1.65; }
  .art-dialog .dialog-navigation,
  .art-dialog.is-story .dialog-navigation {
    gap:8px;
    flex:0 0 auto;
    min-height:44px;
    padding:4px 0 0;
    margin-top:0;
  }
  .art-dialog .dialog-navigation .nav-arrow { width:40px; height:40px; min-width:40px; }
  .art-dialog .dialog-navigation .nav-arrow svg { width:19px; height:19px; }
  /* 文章的資訊區仍與閱讀紙張明確分隔，但高度不霸占閱讀空間。 */
  .art-dialog.is-story .dialog-info { border-top-width:3px; }
  .art-dialog.is-story .dialog-info-heading:not([hidden]) { font-size:11px; margin:0; }
  .art-dialog.is-story .dialog-info-inner { padding:9px 11px; }

  /* 放大分類標籤的名稱和件數（桌機保留既有比例）。 */
  .gallery-section .filter-btn[data-category] {
    min-height:44px;
    padding:7px 9px 7px 13px;
    gap:8px;
    font-size:14px;
    font-weight:800;
  }
  .gallery-section .filter-count {
    min-width:40px;
    padding:6px 9px;
    font-size:12px;
    font-weight:800;
  }
}

@media (max-width:620px) {
  /* 手機頁尾：活動名與聲明各自獨立一行、兩行都置中。 */
  .site-footer .footer-inner {
    grid-template-columns:minmax(0,1fr);
    justify-items:center;
    text-align:center;
    row-gap:8px;
  }
  .site-footer #footer-brand,
  .site-footer #footer-disclaimer {
    justify-self:center;
    text-align:center;
    max-width:100%;
    overflow-wrap:anywhere;
  }
}

@media (max-width:390px) {
  .gallery-section .filter-btn[data-category] { font-size:13px; padding:7px 7px 7px 10px; gap:6px; }
  .gallery-section .filter-count { min-width:35px; padding:6px 7px; font-size:11px; }
  .art-dialog .dialog-info,
  .art-dialog.is-story .dialog-info { max-height:min(28dvh,220px); padding:9px 12px 7px; }
  .art-dialog.is-story .dialog-info-inner { padding:8px 9px; }
}

@media (prefers-reduced-motion:reduce){
  .team-dot::before { transition:none; }
}

/* =============================================================
 * V25.14 | 手機作品詳情：作者＋SNS 在左；類別／序號在右，同列顯示。
 *          活動組輪播：卡片及左右箭頭真正以等寬欄位置中。
 * 只修改手機 CSS；既有作品資料、連結、閱讀、桌機排版不受影響。
 * ============================================================= */
@media (max-width:600px) {
  /* 以同一列收納三個原本獨立的欄位，無需搬動 HTML 或改 gallery.js。 */
  .art-dialog .dialog-info-inner,
  .art-dialog.is-story .dialog-info-inner {
    display:grid;
    grid-template-columns:minmax(0,max-content) minmax(0,1fr) max-content;
    column-gap:8px;
    row-gap:5px;
    align-items:center;
    align-content:start;
  }
  .art-dialog .dialog-info-inner .dialog-artist {
    grid-column:1;
    grid-row:1;
    min-width:0;
    max-width:clamp(55px,26vw,118px);
    margin:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:16px;
    line-height:1.35;
  }
  .art-dialog .dialog-info-inner .dialog-sns {
    grid-column:2;
    grid-row:1;
    display:flex;
    min-width:0;
    max-width:100%;
    width:max-content;
    margin:0;
    overflow:hidden;
    justify-content:flex-start;
  }
  .art-dialog .dialog-info-inner .dialog-profile-button {
    display:block;
    min-width:0;
    max-width:100%;
    min-height:26px;
    padding:4px 9px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:1.5;
    font-size:10px;
  }
  .art-dialog .dialog-info-inner .dialog-eyebrow,
  .art-dialog.is-story .dialog-info-inner .dialog-eyebrow {
    grid-column:3;
    grid-row:1;
    justify-self:end;
    min-width:0;
    margin:0;
    color:#bc7b62;
    font-family:"Noto Sans TC","Microsoft JhengHei",sans-serif;
    letter-spacing:.015em;
    font-size:10px;
    line-height:1.5;
    white-space:nowrap;
  }
  .art-dialog .dialog-info-inner #dialog-title {
    grid-column:1/-1;
    margin:0;
  }
  .art-dialog .dialog-info-inner .dialog-divider {
    grid-column:1/-1;
    width:100%;
    margin:4px 0 1px;
  }
  .art-dialog .dialog-info-inner .dialog-message {
    grid-column:1/-1;
    width:100%;
    min-width:0;
    margin:0;
  }
  /* 文章全文已經有標題；在狹窄手機資訊列中不重複占高。 */
  .art-dialog.is-story #dialog-title,
  .art-dialog.is-story .dialog-info-heading { display:none!important; }

  /* 輪播本體設成三個對稱格：左箭頭｜作品卡｜右箭頭。 */
  .team-section .team-carousel {
    display:grid;
    grid-template-columns:28px minmax(0,1fr) 28px;
    align-items:center;
    column-gap:4px;
    padding:0;
    width:100%;
    margin-inline:auto;
  }
  .team-section .team-grid {
    grid-column:2;
    grid-row:1;
    min-width:0;
    width:100%;
    grid-auto-columns:100%;
    padding:3px 0 7px;
    scroll-padding-inline:0;
    margin:0;
  }
  .team-section .team-prev,
  .team-section .team-next {
    position:static;
    top:auto;
    left:auto;
    right:auto;
    transform:none;
    grid-row:1;
    justify-self:center;
    align-self:center;
    width:28px;
    min-width:28px;
    height:36px;
    padding:0;
  }
  .team-section .team-prev { grid-column:1; }
  .team-section .team-next { grid-column:3; }
  .team-section .team-dots { width:100%; justify-content:center; }
}
@media (max-width:390px) {
  .art-dialog .dialog-info-inner,
  .art-dialog.is-story .dialog-info-inner { column-gap:6px; }
  .art-dialog .dialog-info-inner .dialog-artist { font-size:15px;max-width:25vw; }
  .art-dialog .dialog-info-inner .dialog-profile-button { padding:3px 7px;font-size:10px; }
  .art-dialog .dialog-info-inner .dialog-eyebrow { font-size:9px; }
}

/* V25.15 | 手機版字級、卡片單行署名、固定留言捲動。僅套用小螢幕。 */
@media (max-width:760px) {
  /* 01. 網站 Logo 旁的文字也使用圓體；一般字重，不與大標一樣粗。 */
  .site-header .brand #brand-text,
  .site-header .brand #brand-subtitle {
    font-family:"Chiron GoRound TC","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
    font-weight:400;
    font-synthesis:none;
  }

  /* 07. 正文／輔助文字略加大，避免小螢幕閱讀吃力。 */
  .hero-intro { font-size:14px; line-height:1.95; }
  .about-right #about-description,
  .about-right > p { font-size:15px; line-height:1.85; }
  .gallery-heading p,
  #gallery-subtitle { font-size:14px; line-height:1.8; }
  .result-count {font-size:12px;line-height:1.6;letter-spacing:.025em;}
  .search-box input {font-size:14px;}
  .team-intro {font-size:14px;line-height:1.65;}
  .team-card .team-message {font-size:14px;line-height:1.75;}
  .thanks-section p:not(.section-label) {font-size:14px;line-height:1.8;}
  .art-rights-note, .art-rights-copy p {font-size:13px;line-height:1.8;}
  #gallery .empty-state #empty-desc {font-size:14px;line-height:1.8;}
  .article-reader .article-body {font-size:17px;line-height:2.05;}

  /* 03. 封面下的資訊列：作者左、作品序號右，只有一行。 */
  .art-grid .art-card .art-meta {
    display:grid;
    grid-template-columns:minmax(0,1fr) max-content;
    grid-template-rows:auto;
    gap:5px;
    align-items:center;
    min-height:0;
    padding:5px 9px 8px;
  }
  .art-grid .art-card .art-author {
    grid-column:1;
    grid-row:1;
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:14px;
    line-height:1.5;
    margin:0;
  }
  .art-grid .art-card .art-order {
    grid-column:2;
    grid-row:1;
    justify-self:end;
    margin:0;
    white-space:nowrap;
    font-size:10px;
    letter-spacing:.04em;
    line-height:1.4;
  }
  /* 04. 膠囊帳號：稍微加大但不增加太多卡片高度。 */
  .art-grid .art-card .art-action-band {
    min-height:0;
    padding:5px 0 4px;
  }
  .art-grid .art-card .art-post-button {
    display:block;
    max-width:100%;
    min-height:32px;
    padding:6px 7px;
    font-size:12px;
    line-height:1.5;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
  }

  /* 05. 活動組姓名、帳號都適度放大，長帳號避免擠壓兩側箭頭。 */
  .team-card .team-name {font-size:16px;line-height:1.4;}
  .team-card .team-sns-button {
    display:inline-block;
    max-width:100%;
    min-height:32px;
    padding:5px 11px;
    font-size:13px;
    line-height:1.55;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}

@media (max-width:600px) {
  /* 02. 倒數：日期、時區、數字與單位各放大約 1～2px。 */
  .release-notice .release-kicker {font-size:12px;}
  .release-notice .release-date {font-size:15px;}
  .release-notice .release-zone {font-size:10px;min-height:24px;}
  .release-notice .release-countdown-label {font-size:11px;}
  .release-notice .release-countdown {gap:6px;flex-wrap:wrap;}
  .release-notice .release-countdown-units {gap:4px;}
  .release-notice .release-countdown-unit {min-width:0;padding:6px 6px;}
  .release-notice .release-countdown-number {font-size:16px;}
  .release-notice .release-countdown-suffix {font-size:11px;}

  /* 06. 作品詳情：限制底部資訊高度，只有留言正文獨立捲動。 */
  .art-dialog:not(.is-story) .dialog-info {
    max-height:145px;
    height:auto;
    min-height:0;
    padding:7px 12px 6px;
    gap:2px;
    overflow:hidden;
  }
  .art-dialog:not(.is-story) .dialog-info-inner {
    flex:0 1 auto;
    min-height:0;
    overflow:hidden;
    row-gap:3px;
    align-content:start;
  }
  .art-dialog:not(.is-story) .dialog-info-inner .dialog-artist {font-size:16px;}
  .art-dialog:not(.is-story) .dialog-info-inner .dialog-profile-button {font-size:11px;}
  .art-dialog:not(.is-story) .dialog-info-inner .dialog-divider {margin:3px 0 0;}
  .art-dialog:not(.is-story) .dialog-info-inner .dialog-message {
    display:flex;
    flex-direction:column;
    max-height:49px;
    padding-left:9px;
    overflow:hidden;
    gap:2px;
  }
  .art-dialog:not(.is-story) .dialog-info-inner .dialog-message-heading {
    flex:none;
    margin:0;
    font-size:11px;
    line-height:1.4;
  }
  .art-dialog:not(.is-story) .dialog-info-inner #dialog-note {
    flex:0 1 auto;
    display:block;
    max-height:1.65em;
    min-height:0;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
    scrollbar-width:thin;
    font-size:13px;
    line-height:1.65;
  }
  .art-dialog:not(.is-story) .dialog-navigation {
    min-height:39px;
    padding:2px 0 0;
  }
  .art-dialog:not(.is-story) .dialog-navigation .nav-arrow {
    width:36px;height:36px;min-width:36px;
  }
  /* 文章的正文維持可閱讀性，不使用只有一行的留言容器。 */
  .art-dialog.is-story .dialog-info #dialog-note {font-size:13px;line-height:1.75;}
}
@media (max-width:360px) {
  /* 320～360px 極窄裝置：倒數仍可完整排列，不造成橫向捲動。 */
  .release-notice .release-countdown-unit {padding:5px 4px;}
  .release-notice .release-countdown-number {font-size:15px;}
  .art-grid .art-card .art-meta {gap:3px;padding:5px 7px 7px;}
  .art-grid .art-card .art-author {font-size:13px;}
  .art-grid .art-card .art-order {font-size:9px;letter-spacing:0;}
  .art-dialog:not(.is-story) .dialog-info {max-height:139px;padding:6px 10px 5px;}
}

/* =============================================================
 * V25.16 | 手機作品詳情：作者靠左、帳號靠右；類別與 NO. 移到底部箭頭之間。
 * 桌機沿用原本上方類別與底部篩選序號，避免影響原有習慣。
 * ============================================================= */
.dialog-navigation #dialog-position .dialog-position-mobile {display:none;}

@media (max-width:600px) {
  .art-dialog .dialog-info-inner,
  .art-dialog.is-story .dialog-info-inner {
    grid-template-columns: minmax(0,1fr) minmax(0,max-content);
    column-gap:10px;
    row-gap:4px;
  }
  .art-dialog .dialog-info-inner .dialog-eyebrow,
  .art-dialog.is-story .dialog-info-inner .dialog-eyebrow {
    display:none!important;
  }
  .art-dialog .dialog-info-inner .dialog-artist {
    grid-column:1;
    grid-row:1;
    min-width:0;
    max-width:100%;
    justify-self:start;
  }
  .art-dialog .dialog-info-inner .dialog-sns {
    grid-column:2;
    grid-row:1;
    justify-self:end;
    justify-content:flex-end;
    width:auto;
    max-width:min(56vw,210px);
  }
  .art-dialog .dialog-navigation #dialog-position {
    min-width:0;
    max-width:calc(100% - 92px);
    padding:0 3px;
    border-radius:0;
    background:transparent;
    text-align:center;
    white-space:nowrap;
  }
  .art-dialog .dialog-navigation #dialog-position .dialog-position-desktop {display:none;}
  .art-dialog .dialog-navigation #dialog-position .dialog-position-mobile {
    display:inline;
    color:#bc7b62;
    font:600 11px/1.4 "Noto Sans TC","Microsoft JhengHei",sans-serif;
    letter-spacing:.035em;
  }
}
@media (max-width:360px) {
  .art-dialog .dialog-navigation #dialog-position .dialog-position-mobile {font-size:10px;letter-spacing:0;}
}


/* =============================================================
 * V25.17 | 作品卡桌機資訊列、手機文章留言及 SNS 安全邊距。
 * 只調整呈現，不改投稿內容、編輯器輸出、排序或預約公開。
 * ============================================================= */
/* 桌機作品卡：作者左側、序號右側，同一列，取消原先預留空白。 */
@media (min-width:761px) {
  .art-grid .art-card .art-meta {
    display:grid;
    grid-template-columns:minmax(0,1fr) max-content;
    align-items:center;
    column-gap:10px;
    min-height:0;
    padding:8px 11px 11px;
  }
  .art-grid .art-card .art-author {
    grid-column:1;
    grid-row:1;
    min-width:0;
    margin:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .art-grid .art-card .art-order {
    grid-column:2;
    grid-row:1;
    justify-self:end;
    margin:0;
    white-space:nowrap;
  }
  .art-grid .art-card .art-post-button {
    font-size:13px;
    line-height:1.5;
  }
}
@media (max-width:600px) {
  /* 文章詳情：與繪圖／Cosplay 一樣，留言標題固定，正文一行可上下捲動。 */
  .art-dialog.is-story .dialog-info {
    max-height:145px;
    height:auto;
    min-height:0;
    padding:7px 12px 6px;
    gap:2px;
    overflow:hidden;
  }
  .art-dialog.is-story .dialog-info-inner {
    flex:0 1 auto;
    min-height:0;
    overflow:hidden;
    row-gap:3px;
    align-content:start;
    padding:6px 10px;
  }
  .art-dialog.is-story .dialog-info-inner .dialog-divider {margin:3px 0 0;}
  .art-dialog.is-story .dialog-info-inner .dialog-message {
    display:flex;
    flex-direction:column;
    max-height:49px;
    min-height:0;
    padding-left:9px;
    overflow:hidden;
    gap:2px;
  }
  .art-dialog.is-story .dialog-info-inner .dialog-message-heading {
    flex:none;
    margin:0;
    font-size:11px;
    line-height:1.4;
  }
  .art-dialog.is-story .dialog-info-inner #dialog-note {
    flex:0 1 auto;
    display:block;
    max-height:1.65em;
    min-height:0;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
    scrollbar-width:thin;
    font-size:13px;
    line-height:1.65;
  }
  .art-dialog.is-story .dialog-navigation {min-height:39px;padding:2px 0 0;}
  .art-dialog.is-story .dialog-navigation .nav-arrow {width:36px;height:36px;min-width:36px;}

  /* 文章作者 SNS：避免膠囊緊貼右側紙卡邊框，長帳號仍能省略顯示。 */
  .art-dialog.is-story .dialog-info-inner {
    grid-template-columns:minmax(0,1fr) minmax(0,48%);
    column-gap:8px;
  }
  .art-dialog.is-story .dialog-info-inner .dialog-sns {
    box-sizing:border-box;
    min-width:0;
    max-width:100%;
    width:100%;
    padding-right:4px;
  }
  .art-dialog.is-story .dialog-info-inner .dialog-profile-button {
    box-sizing:border-box;
    max-width:100%;
    min-width:0;
  }
}
@media (max-width:360px) {
  .art-dialog.is-story .dialog-info {max-height:139px;padding:6px 10px 5px;}
  .art-dialog.is-story .dialog-info-inner {padding:6px 8px;}
}

/* V25.18 | 桌機版小字閱讀優化：轉載須知與活動組留言，手機版不變。 */
@media (min-width:761px) {
  .art-rights-copy h3 { font-size:14px; }
  .art-rights-copy p { font-size:13px; line-height:1.8; }
  .team-card .team-name { font-size:15px; }
  .team-card .team-sns-button { font-size:12px; }
  .team-card .team-message { font-size:14px; line-height:1.75; }
}


/* =============================================================
 * V25.19 | 桌機微調：首頁導語／按鈕、ABOUT 統計字、活動組與感謝區說明字略放大。
 *          手機微調：分類按鈕左側留白增加，避免文字太貼左。
 * 只做字級與內距細修，不改動作品、排程、JS、卡片與輪播結構。
 * ============================================================= */
@media (min-width:761px) {
  .hero-intro {
    font-size: 15px;
    line-height: 2.15;
  }
  .hero-cta,
  .hero-cta #hero-cta-label {
    font-size: 13px;
  }
  .about .about-right .stat-row span {
    font-size: 12px;
    line-height: 1.65;
  }
  .team-intro {
    font-size: 13px;
    line-height: 1.8;
    margin-top: 9px;
  }
  .thanks-section #credits-description {
    font-size: 14px;
    line-height: 1.95;
  }
}

@media (max-width:760px) {
  .gallery-section .filter-btn[data-category] {
    padding-left: 14px;
  }
}

@media (max-width:540px) {
  .gallery-section .filter-btn[data-category] {
    padding-left: 16px;
    padding-right: 9px;
  }
}

@media (max-width:390px) {
  .gallery-section .filter-btn[data-category] {
    padding: 7px 8px 7px 14px;
    gap: 6px;
  }
}


/* =============================================================
 * V25.20 | 手機字級、複數作品頁數與作品圖片專用縮放層。
 * 不修改舊版版型、文章字級、影片或編輯器設定。
 * ============================================================= */
/* 複數作品：右上角顯示疊頁 icon + 頁數（桌機／手機一致）。 */
.art-grid .art-card .art-thumb .pages-pill {
  left:auto;
  right:8px;
  top:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  min-height:24px;
  padding:4px 8px;
  border:0;
  border-radius:999px;
  background:rgba(44,46,49,.63);
  color:#fff;
  font:700 12px/1.1 system-ui,"Noto Sans TC",sans-serif;
  letter-spacing:0;
  text-shadow:0 1px 2px rgba(0,0,0,.12);
  pointer-events:none;
}
.pages-pill .pages-icon {width:15px;height:15px;flex:none;display:block;}
.pages-pill .pages-number {display:block;font-variant-numeric:tabular-nums;}

@media(max-width:760px){
  .hero-cta #hero-cta-label {
    font-size:14px;
    line-height:1.5;
  }
  .about .about-right .stat-row strong {
    font-family:"Chiron GoRound TC","Noto Sans TC","PingFang TC",sans-serif;
    font-size:clamp(32px,9vw,38px);
    font-weight:800;
    line-height:1.15;
    letter-spacing:.015em;
    font-variant-numeric:tabular-nums;
  }
  .about .about-right .stat-row span {
    font-size:14px;
    line-height:1.55;
    margin-top:7px;
  }
  .art-grid .art-card .art-thumb .pages-pill {
    right:7px;
    top:7px;
    min-height:23px;
    padding:4px 7px;
    gap:3px;
    font-size:11px;
  }
  .pages-pill .pages-icon {width:14px;height:14px;}
}

/* 開啟作品圖後才提供圖片縮放，保留整站的系統無障礙縮放。 */
.v2520-zoom-layer[hidden] {display:none!important;}
.v2520-zoom-layer {
  position:absolute;
  inset:0;
  z-index:100;
  background:rgba(15,23,27,.98);
  color:#fff;
  overflow:hidden;
  isolation:isolate;
}
.v2520-zoom-viewport {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  touch-action:none;
  overscroll-behavior:contain;
  -webkit-user-select:none;
  user-select:none;
}
.v2520-zoom-image {
  display:block;
  width:auto;
  height:auto;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  transform-origin:center center;
  will-change:transform;
  pointer-events:none;
}
html.v18-no-longpress .v2520-zoom-image {
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  user-select:none;
}
html.v18-no-drag .v2520-zoom-image {-webkit-user-drag:none;}
.v2520-zoom-close {
  position:absolute;
  top:calc(12px + env(safe-area-inset-top,0px));
  right:calc(12px + env(safe-area-inset-right,0px));
  z-index:2;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:50%;
  background:rgba(25,35,39,.72);
  color:#fff;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}
.v2520-zoom-close:focus-visible {outline:3px solid #a9e9db;outline-offset:3px;}
.v2520-zoom-tip {
  position:absolute;
  bottom:calc(14px + env(safe-area-inset-bottom,0px));
  left:50%;
  transform:translateX(-50%);
  z-index:1;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(0,0,0,.55);
  color:#fff;
  font-size:12px;
  white-space:nowrap;
  pointer-events:none;
}
@media(hover:hover) and (pointer:fine) {
  .art-dialog .dialog-content img.detail-photo,
  .art-dialog .article-illustrations img {cursor:zoom-in;}
}
@media(max-width:760px) {
  /* 只有圖片區域接管雙指手勢；閱讀區塊與頁面其他地方照常捲動。 */
  .art-dialog .dialog-content img.detail-photo,
  .art-dialog .article-illustrations img {touch-action:pan-y;}
}


/* =============================================================
 * V25.21 | 桌機字體跟手機一致：標題／網站 Logo／ABOUT 數字。
 * 桌機保留既有字級和版面尺寸；正文、作者資訊、文章內文沿用閱讀字體。
 * ============================================================= */
@media (min-width:761px) {
  .hero h1,
  .gallery-section .gallery-heading h2,
  .gallery-section .gallery-heading h2 #gallery-title-text,
  .team-heading #team-title,
  .thanks-section #credits-title,
  .empty-state h3,
  .article-reader .article-heading {
    font-family:"Chiron GoRound TC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
    font-weight:800;
    font-synthesis:weight;
    letter-spacing:.01em;
    line-height:1.4;
  }
  .gallery-section .gallery-heading h2,
  .gallery-section .gallery-heading h2 #gallery-title-text {
    font-weight:900;
  }
  .site-header .brand #brand-text,
  .site-header .brand #brand-subtitle {
    font-family:"Chiron GoRound TC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;
    font-weight:400;
    font-synthesis:none;
  }
  .about .about-right .stat-row strong {
    font-family:"Chiron GoRound TC", "Noto Sans TC", "PingFang TC", sans-serif;
    font-weight:800;
    line-height:1.15;
    letter-spacing:.015em;
    font-variant-numeric:tabular-nums;
  }
}