/*
 * 微笑動漫 AI 新聞文章共用樣式表
 * 版面/間距/字體/RWD 斷點等結構性規則統一寫在這裡，全站只載入一次、瀏覽器可跨頁快取；
 * 各篇文章內文只需宣告 CSS 變數（--wx-bg1 等）決定顏色，不再各自內嵌整組重複規則。
 * 變數清單需與 AI_News_Bot/cloud_engine.py 的 TEMPLATE_HTML 保持一致。
 */
.wx-majo-news{max-width:900px;margin:0 auto;padding:34px 22px 46px;background:radial-gradient(circle at top,var(--wx-bg1) 0%,var(--wx-bg2) 48%,var(--wx-bg3) 100%);color:var(--wx-text);font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;line-height:1.9;border-radius:18px;box-shadow:0 12px 36px rgba(0,0,0,.6);border:1px solid var(--wx-border);
  /* 連結專用固定色，刻意不隨文章配色變動（不在 AI 可控的變數清單內）：全站統一同一個顏色，
     讀者才能建立「看到這個顏色 = 可以點」的直覺，不會被每篇文章不同的主題強調色稀釋掉 */
  --wx-link:#58a6ff;--wx-link-hover:#8ecbff;
}
.wx-majo-news .tagline{display:inline-block;background:linear-gradient(90deg,var(--wx-accent2),var(--wx-accent));color:#fff;font-size:14px;font-weight:700;letter-spacing:.5px;padding:6px 14px;border-radius:999px;margin-bottom:18px;}
/* 【優先度強化】.wx-majo-news 重複兩次疊加 class 選擇器，把優先度從「1 class + 1 標籤」拉高到
   「2 class + 1 標籤」，確保穩贏佈景主題常見的 .single-content h2 這類同層級選擇器。
   實測發現主題的 .single-content h2 設定白色文字，跟本來優先度打平的 .wx-majo-news h2 撞在一起，
   合併 CSS 檔裡剛好排在我們後面因而勝出，導致淺色背景的文章標題文字整個看不見（深色背景剛好白字還看得到才沒被發現）。 */
.wx-majo-news.wx-majo-news h1{font-size:27px;font-weight:800;line-height:1.5;margin:0 0 20px;color:var(--wx-heading);text-shadow:0 2px 10px rgba(0,0,0,.5);}
.wx-majo-news.wx-majo-news h2{font-size:19px;font-weight:800;line-height:1.5;margin:28px 0 14px;color:var(--wx-heading);}
.wx-majo-news .lead{font-size:16.5px;color:var(--wx-text);margin:0 0 24px;padding-left:14px;border-left:4px solid var(--wx-accent);}
.wx-majo-news figure{margin:0 0 26px;}
.wx-majo-news figure img{max-width:100%;height:auto;border-radius:14px;display:block;margin:0 auto;box-shadow:0 8px 24px rgba(0,0,0,.5);}
.wx-majo-news.wx-majo-news figcaption{font-size:13px;color:var(--wx-text-soft);margin-top:8px;text-align:center;}
.wx-majo-news .video-wrap{width:100%;aspect-ratio:16/9;margin:0 0 26px;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.5);}
.wx-majo-news .video-wrap iframe{width:100%;height:100%;border:0;display:block;}
.wx-majo-news .news-box{background:rgba(128,128,128,.06);border:1px solid var(--wx-newsbox-border);border-radius:14px;padding:20px 24px;margin:0 0 28px;}
.wx-majo-news .news-box h2{font-size:18px;color:var(--wx-heading);margin:0 0 14px;font-weight:700;}
.wx-majo-news .news-box ul{margin:0;padding-left:20px;}
.wx-majo-news .news-box li{margin-bottom:8px;font-size:15px;color:var(--wx-text);}
.wx-majo-news .news-box li b{color:var(--wx-accent);}
.wx-majo-news.wx-majo-news p{font-size:15.5px;color:var(--wx-text);margin:0 0 18px;}
.wx-majo-news .info-box{display:table;width:100%;table-layout:fixed;border-collapse:collapse;margin:0 0 28px;font-size:14.5px;overflow:hidden;border-radius:12px;}
.wx-majo-news .info-box th,.wx-majo-news .info-box td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--wx-border);vertical-align:top;word-wrap:break-word;}
.wx-majo-news .info-box th{background:var(--wx-infobox-th-bg);color:var(--wx-heading);width:28%;font-weight:700;}
.wx-majo-news .info-box td{background:rgba(128,128,128,.04);color:var(--wx-text);}
.wx-majo-news .notice{background:var(--wx-notice-bg);border-left:4px solid var(--wx-accent2);padding:12px 18px;border-radius:8px;font-size:13.5px;color:var(--wx-text-soft);margin:0 0 26px;}
/* 作品名稱自動內部連結：用全站固定的 --wx-link（不隨文章配色變動）+ 實線底線，
   兩個訊號疊加，讓讀者不管在哪篇文章都能一眼認出「這是連結」 */
.wx-majo-news .wxacg-autolink{color:var(--wx-link);font-weight:700;text-decoration:underline;text-decoration-color:var(--wx-link);text-decoration-thickness:1.5px;text-underline-offset:2px;}
.wx-majo-news .wxacg-autolink:hover{color:var(--wx-link-hover);text-decoration-color:var(--wx-link-hover);}
/* 段落小標內的自動連結：維持小標字級，同樣用固定連結色與實線底線 */
.wx-majo-news h2 .wxacg-autolink,
.wx-majo-news h3 .wxacg-autolink,
.wx-majo-news h4 .wxacg-autolink,
.wx-majo-news h5 .wxacg-autolink,
.wx-majo-news h6 .wxacg-autolink{color:var(--wx-link);text-decoration:underline;text-decoration-color:var(--wx-link);text-decoration-thickness:2px;text-underline-offset:3px;}
.wx-majo-news h2 .wxacg-autolink:hover,
.wx-majo-news h3 .wxacg-autolink:hover,
.wx-majo-news h4 .wxacg-autolink:hover,
.wx-majo-news h5 .wxacg-autolink:hover,
.wx-majo-news h6 .wxacg-autolink:hover{color:var(--wx-link-hover);text-decoration-color:var(--wx-link-hover);}
.wx-majo-news .source-list{font-size:13px;color:var(--wx-text-soft);border-top:1px dashed var(--wx-border);padding-top:16px;}
.wx-majo-news .source-list a{color:var(--wx-accent);word-break:break-all;}
.wx-majo-news .declare{font-size:12px;color:var(--wx-text-soft);margin-top:10px;border-top:1px dashed var(--wx-border);padding-top:12px;}
.wx-majo-news .declare a{color:var(--wx-accent);}
@media(max-width:600px){.wx-majo-news{padding:24px 14px 34px;}.wx-majo-news.wx-majo-news h1{font-size:21px;}.wx-majo-news .info-box th{width:38%;}}