/* V11｜聖誕宣傳配色、作品詳情 SNS 膠囊、手機文章閱讀區分隔。
   獨立樣式覆蓋 V10，不會影響自訂的首頁圖片與通用設定。 */
:root{
  --museum-art:#F0AA20;   /* 繪師：參考宣傳圖的金黃色 */
  --museum-text:#39B54A;  /* 文手：參考宣傳圖的鮮綠 */
  --museum-cos:#EF856D;   /* Coser：參考宣傳圖的珊瑚紅 */
}
/* 一致的白字分類標籤：圖牆卡片上方、篩選鈕的選取狀態。 */
.art-card.category-art .category-pill,
.art-card.category-text .category-pill,
.art-card.category-cos .category-pill{
  color:#fff!important;
  border-color:rgba(255,255,255,.65);
  font-size:11px;
  font-weight:800;
  letter-spacing:.045em;
  padding:5px 11px;
  box-shadow:0 2px 8px rgba(46,85,73,.13);
  text-shadow:0 1px 2px rgba(48,58,42,.36);
}
.art-card.category-art .category-pill{background:var(--museum-art)}
.art-card.category-text .category-pill{background:var(--museum-text)}
.art-card.category-cos .category-pill{background:var(--museum-cos)}
.filter-btn[data-category="繪圖"][aria-pressed="true"],.filter-btn[data-category="繪圖"]:hover{background:var(--museum-art);border-color:var(--museum-art);color:#fff;text-shadow:0 1px 2px #6D4D2344}
.filter-btn[data-category="文章"][aria-pressed="true"],.filter-btn[data-category="文章"]:hover{background:var(--museum-text);border-color:var(--museum-text);color:#fff;text-shadow:0 1px 2px #245A3944}
.filter-btn[data-category="Cosplay"][aria-pressed="true"],.filter-btn[data-category="Cosplay"]:hover{background:var(--museum-cos);border-color:var(--museum-cos);color:#fff;text-shadow:0 1px 2px #6B322844}
/* 原本卡片下方 SNS 帳號是一個薄荷綠膠囊；詳情也一模一樣。 */
.dialog-info .dialog-sns{display:flex;align-items:center;justify-content:flex-start;margin:7px 0 0;min-width:0}
.dialog-info .dialog-sns[hidden]{display:none!important}
.dialog-info .dialog-profile-button{
  box-sizing:border-box;
  width:auto;
  max-width:100%;
  min-height:34px;
  padding:6px 18px;
  font-size:12px;
  font-weight:500;
  background:#f4f9f2;
  border:1px solid #d5e3da;
  border-radius:999px;
  color:#548379;
  text-decoration:none;
  letter-spacing:.02em;
  overflow-wrap:anywhere;
  box-shadow:none;
}
.dialog-info a.dialog-profile-button:hover,.dialog-info a.dialog-profile-button:focus-visible{
  background:#dff2e9;border-color:#83c7b6;color:#24766f;text-decoration:none;
}
.dialog-info .dialog-profile-button.is-disabled{color:#a6aaa4;background:#f8f5ef;border-color:#e7e2d8}
/* 手機文章：用不同紙色、分隔線與館藏標記，分清文章正文和作者資訊。 */
.dialog-info-heading{display:none}
@media(max-width:760px){
  .art-card .category-pill{font-size:10px;padding:4px 8px}
  .dialog-info .dialog-sns{margin:9px 0 1px}
  .dialog-info .dialog-profile-button{min-height:36px;padding:7px 15px;font-size:12px}
  .art-dialog.is-story .reading-mode{background:#fff9ee}
  .art-dialog.is-story .article-reader{padding-bottom:76px}
  .art-dialog.is-story .article-finale{
    margin-top:40px;padding-top:23px;
    border-top:1px dashed #e1bca2;
    color:#b78068;
  }
  .art-dialog.is-story .dialog-info{
    background:#f4e9d9;
    max-height:42dvh;
    padding:15px 17px 12px;
    gap:7px;
    border-top:6px solid #91c7bb;
    box-shadow:0 -5px 20px rgba(55,83,77,.08);
  }
  .art-dialog.is-story .dialog-info-heading:not([hidden]){
    display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;
    flex-shrink:0;
    margin:0 0 3px;
    color:#286b61;font-size:13px;font-weight:800;letter-spacing:.09em;
  }
  .art-dialog.is-story .dialog-info-heading small{
    font-size:9px;letter-spacing:.13em;font-weight:600;color:#b18e7a;
  }
  .art-dialog.is-story .dialog-info-inner{
    background:#fffaf1;
    border:1px solid #e9ddc9;
    border-radius:12px;
    padding:13px 15px 15px;
    overflow:auto;
    min-height:0;
    box-shadow:0 3px 0 rgba(164,141,111,.05);
  }
  .art-dialog.is-story .dialog-eyebrow{margin:0 0 7px;font-size:10px}
  .art-dialog.is-story .dialog-info h2{margin:0 0 7px}
  .art-dialog.is-story .dialog-info .dialog-divider{margin:12px 0}
  .art-dialog.is-story .dialog-navigation{border-top:1px dashed #d7c2ad;padding-top:9px}
}
@media(max-width:390px){
  .art-dialog.is-story .dialog-info{max-height:44dvh;padding:12px 13px 10px}
  .art-dialog.is-story .dialog-info-inner{padding:11px 12px}
}