/* =====================================================================
   270C 鑲金招募令 — Kit/css/content.css
   P3 內頁第二層覆寫（規格 §3.7 表格、§3.8 提示框、§4.3 內頁 modal 與內容）
   作用範圍：只限 .news-body（#Info_data 內頁 modal、公告 modal、news_content.php 公告內文）。
   不改任何 page/*.html。載入順序：bootstrap → style.css → theme.css →（cat.css）→ 本檔。
   內頁各自的 <style> 在 modal 打開後才插入 DOM（排在本檔之後），所以：
   - 想「取代 Bootstrap／style.css 預設」但讓頁面自訂樣式勝出的規則 → 用 :where() 壓低權重；
   - 想「統一各頁舊配色」的規則（表頭、提示框、分頁、圓角）→ 權重刻意比頁面的 .xxx 單類高一階。
   不寫 .news-body p/span/div{color}（會把各頁彩色重點字洗成同色）。
   !important 只用在 Bootstrap 工具類本身帶 !important、無法以權重蓋過的地方（規格 §4.3 允許清單），逐條註明。
   ===================================================================== */

/* ---------- 0. Bootstrap 色票變數（不用 !important 就能改掉工具類顏色） ----------
   .text-warning／.bg-warning／.border-warning 讀 --bs-warning-rgb，其餘同理；
   只在 .news-body 內改，站內其他地方不受影響。
   text-danger／success／primary／secondary 已在 theme.css 末段處理，這裡不重複。 */
.news-body{
  --bs-warning-rgb:249,212,111;        /* #ffc107 → 鎦金 #f9d46f */
  --bs-info-rgb:92,165,173;            /* #0dcaf0 青 → 幽光 #5ca5ad（規格 §4.3） */
  --bs-white-rgb:253,244,217;          /* .text-white → 米白 #fdf4d9 */
  --bs-light-rgb:253,244,217;          /* .text-light → 米白 */
  --bs-dark-rgb:17,20,31;              /* .bg-dark → #11141f（bg-opacity-* 仍有效） */
  --text-muted:#b8ad98;                /* style.css .text-muted{color:var(--text-muted)!important} → 霧米 */
  --bs-secondary-color:#b8ad98;
  /* .rounded-pill 等用變數算圓角 → 歸零（.rounded／-1～-5 已由 theme.css :root 歸零） */
  --bs-border-radius-pill:0;
  --bs-border-radius-2xl:0;
}

/* ---------- 1. 工具類（Bootstrap 本身帶 !important，只能以 !important 覆蓋；規格 §4.3 允許清單） ---------- */
.news-body .border-secondary{border-color:rgba(186,147,105,.4) !important}   /* 灰邊 → 古金半透明 */
.news-body .bg-secondary{background-color:#241d16 !important}                /* 灰底 → 深銅 */

/* ---------- 2. 圓角歸零 ----------
   常見元件與各頁自訂卡片／提示框／標籤／按鈕一律直角（全站圓角 0，規格 §2.3）。
   權重 (0,2,0) 高過頁面 .xxx-card{border-radius:12px}；inline style 寫死的圓角不強改。 */
.news-body :is(.btn,.badge,.alert,.card,.card-header,.list-group,.list-group-item,.nav-link,.table-responsive,.form-control,.form-select,
  [class*="card"],[class*="-box"],[class*="-badge"],[class*="badge-"],[class*="-note"],[class*="-tip"],[class*="-warn"],[class*="-btn"],[class*="-tab"],[class*="-chip"],[class*="-panel"]){border-radius:0}
.news-body table{border-radius:0}
.news-body img{border-radius:0}

/* ---------- 3. 表格（規格 §3.7） ---------- */
/* 3.1 外框：1px 暗古金；底改成極淡的黑石（近乎透明，取代 style.css 的 rgba(0,0,0,.3)），
   不完全透明是為了讓各頁表內半透明彩色標籤（如經驗表 .diff-hell、輔助表 .tag-darkelf）維持原本對比 */
.news-body table{background:rgba(7,8,13,.3);border:1px solid var(--gs-frame-dim)}
/* 手機窄表格可橫向捲動：style.css .table-responsive{overflow:hidden} 會吃掉 Bootstrap 的橫向捲動 */
.news-body .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;border:0;box-shadow:none}
/* 3.2 Bootstrap .table／.table-dark：改變數，不動結構 */
.news-body :is(.table,.table-dark){
  --bs-table-bg:transparent;
  --bs-table-color:var(--gs-cream-85);
  --bs-table-border-color:rgba(186,147,105,.18);
  --bs-table-striped-bg:transparent;  --bs-table-striped-color:var(--gs-cream-85);
  --bs-table-hover-bg:transparent;    --bs-table-hover-color:var(--gs-cream);
  --bs-table-active-bg:transparent;   --bs-table-accent-bg:transparent;
  color:var(--gs-cream-85);border-color:rgba(186,147,105,.18)
}
/* 3.3 儲存格邊線：灰白線 → 古金細線（只改顏色，不改粗細／哪幾邊有線） */
.news-body table td,.news-body table th{border-color:rgba(186,147,105,.18)}
/* 儲存格字色 → 米白 85%（取代各表 color:#ccc／#ddd 的灰字）；:where 讓頁面自己的欄位色勝出，
   整列自帶字色（tr 的 inline color 或 text-* 工具類）時不碰，維持繼承 */
.news-body :where(tr:not([style*="color"]):not([class*="text-"]) > td){color:var(--gs-cream-85)}
/* 3.4 表頭：#151925 底、金字 Noto Serif TC 700、下緣 1px 霧金。
   thead／tr／th 自帶 inline 背景色（如每季任務紫色表頭）時整組不碰，保留 theme.css 的 color:inherit。
   權重 (0,2,1)：蓋過 style.css .table thead th 與各頁 .xxx-table th／.xxx-table thead th 的舊黃字半透明底。 */
.news-body :where(thead:not([style*="background"]) > tr:not([style*="background"])) > th:not([style*="background"]){
  background:#151925;color:var(--gs-gold-hi);
  font-family:"Noto Serif TC",serif;font-weight:700;letter-spacing:.08em;text-transform:none;text-shadow:none;
  border-bottom:1px solid var(--gs-frame)
}
/* 3.5 斑馬紋與 hover：放在 tr 上、權重 (0,1,0)，頁面自己的列底色（.group-row 等）照樣勝出 */
.news-body :where(tbody > tr:nth-child(even)){background-color:rgba(20,25,37,.5)}
.news-body :where(tbody > tr:hover){background-color:rgba(249,212,111,.05)}
/* style.css .custom-table tbody tr{background-color:transparent} 權重較高，單獨補斑馬紋 */
.news-body .custom-table tbody > tr:nth-child(even):not(.group-header){background-color:rgba(20,25,37,.5)}
/* 3.6 分組列（myshop .group-header）：深底、上下暗古金線、左側 3px 金光 */
.news-body tr.group-header > td{background-color:rgba(20,25,37,.85);border-top:1px solid var(--gs-frame-dim);border-bottom-color:var(--gs-frame-dim)}
.news-body tr.group-header > td:first-child{box-shadow:inset 3px 0 0 var(--gs-gold)}
/* 3.7 myshop 手機卡片化（style.css §11.1 邏輯保留，只換底與框） */
@media (max-width:768px){
  .news-body .myshop .custom-table tbody tr:not(.group-header){background:var(--gs-plate-grad);border:1px solid var(--gs-frame-dim);border-radius:0;box-shadow:none}
  .news-body .myshop .custom-table td::before{color:var(--gs-gold);opacity:1}
  .news-body .myshop .custom-table td[data-label="名稱"]{background:rgba(209,157,75,.1);border-radius:0}
}

/* ---------- 4. 提示框（規格 §3.8）：plate 底、1px 霧金框、左側 3px 主題光線、直角、米白字 ----------
   同時套用各頁常見自訂提示框（第 7 階段才會逐頁換成 .gs-note）：
   warning：.ench-note .lh2-note｜danger：.warn-box .md-warn .tip-danger｜success：.nb-tip｜info：.note-box .tip-box｜secondary：.sq-note
   .alert-box 依頁面同時掛的 .alert-warning／.alert-danger 決定色。框內的彩色重點字（text-*、自訂 class）不動。 */
.news-body :is(.alert,.alert-box,.nb-tip,.sq-note,.md-warn,.warn-box,.note-box,.tip-box,.ench-note,.lh2-note,.tip-danger){
  --ct-tone:var(--gs-frame-dim);
  background:var(--gs-plate-grad);
  border:1px solid rgba(186,147,105,.5);
  border-left:3px solid var(--ct-tone);
  border-radius:0;
  color:var(--gs-cream-85);
  box-shadow:inset 0 0 24px rgba(0,0,0,.6);
  backdrop-filter:none;-webkit-backdrop-filter:none
}
.news-body :is(.alert-warning,.ench-note,.lh2-note){--ct-tone:var(--gs-gold-warm)}
.news-body :is(.alert-danger,.md-warn,.warn-box,.tip-danger){--ct-tone:var(--gs-crimson-hi);box-shadow:inset 0 0 24px rgba(0,0,0,.6),inset 14px 0 22px -16px rgba(190,85,84,.55)}
.news-body :is(.alert-success,.nb-tip){--ct-tone:var(--gs-emerald-hi)}
.news-body :is(.alert-info,.note-box,.tip-box){--ct-tone:var(--gs-spectral-hi)}
.news-body :is(.alert-secondary,.alert-dark,.sq-note){--ct-tone:var(--gs-frame-dim)}
/* Bootstrap .alert 左上角 6px 同色菱形（.alert 本身 position:relative） */
.news-body .alert::before{content:"";position:absolute;left:-5px;top:12px;width:7px;height:7px;background:var(--ct-tone);transform:rotate(45deg);box-shadow:0 0 6px var(--ct-tone)}
.news-body .alert-heading{color:var(--gs-gold-hi);font-family:"Noto Serif TC",serif;font-weight:700}

/* ---------- 5. 分頁 .nav-pills／.nav-tabs／.job-tab-btn ----------
   未選中：透明底、1px 古金線框、霧米字；選中：金框亮字＋下緣 2px 金線＋金暈（金字壓深底，對比 12:1）。
   權重 (0,3,0)／(0,4,0)：蓋過各頁 .nav-pills .nav-link 的灰底膠囊與單色 active。
   職業色分頁（info_chaPet .tab-elf 等）頁面以 !important 寫的白字與職業色光暈照樣保留，只是底改深色 → 可讀。 */
.news-body :is(.nav-pills,.nav-tabs) .nav-link,.news-body .job-tab-btn{
  background:transparent;border:1px solid rgba(186,147,105,.45);border-radius:0;
  color:var(--gs-muted);font-family:"Noto Serif TC",serif;font-weight:700;letter-spacing:.06em;text-shadow:none
}
.news-body :is(.nav-pills,.nav-tabs) .nav-link:hover,.news-body .job-tab-btn:hover{background:rgba(249,212,111,.06);border-color:var(--gs-gold);color:var(--gs-cream);transform:none}
.news-body :is(.nav-pills,.nav-tabs) .nav-link.active,.news-body .job-tab-btn.active{
  background:rgba(209,157,75,.12);border-color:var(--gs-gold-hi);color:var(--gs-gold-hi);
  box-shadow:inset 0 -2px 0 var(--gs-gold-hi),0 0 10px rgba(249,212,111,.25);text-shadow:none
}
/* 頁面把選中字寫死成深色 !important 的分頁（info_LH2Into .lh2-tabs、info_medalSystem .md-tabs）→ 改實心金底，深字對比 7:1 */
.news-body .nav-pills:is(.lh2-tabs,.md-tabs) .nav-link.active{background:var(--gs-gold-solid);border-color:var(--gs-gold-deep);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
/* info_lvZero 職業分頁：頁面以 .nav-pills .nav-link.tab-xxx.active（權重同本檔）寫死職業色底 → 不硬蓋底色，只把字色調成可讀 */
.news-body .nav-pills .nav-link:is(.tab-knight,.tab-elf,.tab-mage,.tab-dark).active{color:#0c0e19}
.news-body .nav-pills .nav-link.tab-crown.active{color:#fff}
.news-body .nav-tabs{border-bottom-color:rgba(186,147,105,.22)}

/* ---------- 6. 標籤 .badge ---------- */
.news-body .badge{border-radius:0;letter-spacing:.04em}
/* background-image 蓋過 Bootstrap bg-* 的 !important 底色（不必再加 !important） */
.news-body .badge.bg-warning{background-image:var(--gs-gold-solid);color:#2a1606}
.news-body .badge.bg-dark{background-image:linear-gradient(#151925,#0a0a0d);border:1px solid var(--gs-frame-dim)}
.news-body .badge.bg-secondary{background-image:var(--gs-plate-grad);border:1px solid rgba(186,147,105,.5);color:var(--gs-cream-85)}
.news-body .badge.bg-danger{background-image:var(--gs-plate-grad);border:1px solid rgba(190,85,84,.7);color:#e7a6a3;box-shadow:inset 0 0 14px rgba(122,43,52,.65)}
.news-body .badge.bg-success{background-image:var(--gs-plate-grad);border:1px solid rgba(26,195,122,.6);color:#9fe8c4;box-shadow:inset 0 0 14px rgba(24,100,53,.65)}
.news-body .badge.bg-info{background-image:var(--gs-plate-grad);border:1px solid rgba(92,165,173,.6);color:#b4dde2;box-shadow:inset 0 0 14px rgba(67,117,130,.65)}
/* 頁面指定深字（.text-dark !important）的彩色 badge：保留實色底（色票已在 §0 換成框架色），否則深字壓深底看不見 */
.news-body .badge.text-dark:is(.bg-info,.bg-success,.bg-danger,.bg-primary,.bg-secondary){background-image:none;border:0;box-shadow:none}
.news-body .badge.bg-primary{background-image:var(--gs-plate-grad);border:1px solid rgba(61,109,200,.7);color:#a9c0f0;box-shadow:inset 0 0 14px rgba(20,43,107,.75)}

/* ---------- 7. 卡片 .card／清單 .list-group：黑石底、細古金框、直角 ---------- */
.news-body .card{--bs-card-bg:transparent;--bs-card-border-color:var(--gs-frame-dim);--bs-card-cap-bg:rgba(20,25,37,.6);--bs-card-cap-color:var(--gs-gold-hi);
  background-image:var(--gs-plate-grad);border-radius:0;box-shadow:inset 0 1px 0 rgba(249,212,111,.12)}
.news-body .card-header{color:var(--gs-gold-hi);border-bottom-color:rgba(186,147,105,.35);font-family:"Noto Serif TC",serif;font-weight:700}
.news-body .list-group{--bs-list-group-bg:transparent;--bs-list-group-color:var(--gs-cream-85);--bs-list-group-border-color:rgba(186,147,105,.22);border-radius:0}

/* ---------- 8. 按鈕 ----------
   直角；Bootstrap 彩色鈕保留色相但改沉色，白字對比 ≥ 4.5；黃／橘鈕改深字。 */
.news-body .btn{border-radius:0}
.news-body .btn-warning{--bs-btn-color:#2a1606;--bs-btn-hover-color:#2a1606;--bs-btn-active-color:#2a1606;
  background:var(--gs-gold-solid);border-color:var(--gs-gold-deep);color:#2a1606;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.news-body .btn-warning:hover,.news-body .btn-warning:focus-visible{filter:brightness(1.08);color:#2a1606;border-color:var(--gs-gold-deep)}
.news-body .btn-outline-warning{--bs-btn-color:var(--gs-gold-hi);--bs-btn-border-color:var(--gs-gold);--bs-btn-hover-bg:rgba(249,212,111,.1);--bs-btn-hover-color:var(--gs-gold-hi);--bs-btn-hover-border-color:var(--gs-gold-hi);--bs-btn-active-bg:rgba(249,212,111,.16);--bs-btn-active-color:var(--gs-gold-hi)}
.news-body .btn-outline-info{--bs-btn-color:#8fd0d6;--bs-btn-border-color:var(--gs-spectral-hi);--bs-btn-hover-bg:rgba(92,165,173,.14);--bs-btn-hover-color:#b4dde2;--bs-btn-hover-border-color:#8fd0d6}
.news-body .btn-primary{--bs-btn-bg:#2c4f97;--bs-btn-border-color:#2c4f97;--bs-btn-hover-bg:#355dad;--bs-btn-hover-border-color:#355dad;--bs-btn-color:#fff}
.news-body .btn-success{--bs-btn-bg:#17663f;--bs-btn-border-color:#17663f;--bs-btn-hover-bg:#1c774a;--bs-btn-hover-border-color:#1c774a;--bs-btn-color:#fff}
.news-body .btn-info{--bs-btn-bg:#2f6f78;--bs-btn-border-color:#2f6f78;--bs-btn-hover-bg:#377f89;--bs-btn-hover-border-color:#377f89;--bs-btn-color:#fff;--bs-btn-hover-color:#fff}
.news-body .btn-danger{--bs-btn-bg:#9b3436;--bs-btn-border-color:#9b3436;--bs-btn-hover-bg:#ad3c3e;--bs-btn-hover-border-color:#ad3c3e;--bs-btn-color:#fff}
/* info_newbie 的彩色連結鈕（.nb-link-btn）：同樣沉色＋白字，黃／橘改深字 */
.news-body .nb-btn-blue{background:#2a5f9e;color:#fff}
.news-body .nb-btn-green{background:#1d7a4c;color:#fff}
.news-body .nb-btn-purple{background:#6b3fa0;color:#fff}
.news-body .nb-btn-red{background:#a8383a;color:#fff}
.news-body .nb-btn-yellow{background:var(--gs-gold-solid);color:#2a1606}
.news-body .nb-btn-orange{background:var(--gs-ember-hi);color:#2a1606}

/* ---------- 9. 分隔線、清單點、引言、標題字 ---------- */
.news-body hr{border:0;height:1px;opacity:1;color:transparent;background:linear-gradient(90deg,transparent,rgba(186,147,105,.75) 20%,rgba(186,147,105,.75) 80%,transparent)}
.news-body :where(ul:not(.nav)) > li::marker{color:var(--gs-gold)}
.news-body blockquote{border-left:2px solid var(--gs-gold);padding-left:14px;color:var(--gs-cream-85)}
/* 標題換金字框架的襯線體；權重 (0,1,0)，頁面自訂標題 class 仍可自行指定字體 */
.news-body :where(h1,h2,h3,h4,h5,h6){font-family:"Noto Serif TC",serif}

/* ---------- 10. 連結 ---------- */
/* 10.1 道具連結（/search/index.php?page=items…）：金字＋金底線＋6px 菱形外連點。
   按鈕型、卡片型、含圖片、或 inline 已自帶底線的連結不加，避免雙底線／雙圖示。 */
.news-body a[href*="page=items"]:not([class*="btn"]):not([class*="card"]):not([class*="chip"]):not(.recipe-mat):not(.pandora-prize-link):not(:has(img)){
  text-decoration:none;padding-bottom:1px;transition:color .2s ease,text-shadow .2s ease
}
.news-body a[href*="page=items"]:not([class*="btn"]):not([class*="card"]):not([class*="chip"]):not(.recipe-mat):not(.pandora-prize-link):not(:has(img)):not([style*="color"]):not([class*="text-"]){color:var(--gs-gold-hi)}
.news-body a[href*="page=items"]:not([class*="btn"]):not([class*="card"]):not([class*="chip"]):not(.recipe-mat):not(.pandora-prize-link):not(:has(img)):not([style*="text-decoration"]){border-bottom:1px solid rgba(209,157,75,.7)}
.news-body a[href*="page=items"]:not([class*="btn"]):not([class*="card"]):not([class*="chip"]):not(.recipe-mat):not(.pandora-prize-link):not(:has(img)):hover{color:var(--gs-gold-glow);border-bottom-color:var(--gs-gold-hi);text-shadow:0 0 8px rgba(249,212,111,.4)}
.news-body a[href*="page=items"]:not([class*="btn"]):not([class*="card"]):not([class*="chip"]):not(.recipe-mat):not(.pandora-prize-link):not(:has(img,i))::after{
  content:"";display:inline-block;width:5px;height:5px;margin-left:5px;vertical-align:.18em;background:var(--gs-gold);transform:rotate(45deg);opacity:.85
}
/* 10.2 其他外連（target=_blank）：文字後加 ↗；已有 FA 圖示、圖片、按鈕型、道具連結者不重複加 */
.news-body a[target="_blank"]:not([href*="page=items"]):not([class*="btn"]):not([class*="card"]):not(:has(i,img,svg))::after{
  content:"↗";font-family:Cinzel,"Noto Sans TC","Microsoft JhengHei","PingFang TC",sans-serif;font-size:.72em;margin-left:.25em;opacity:.65
}

/* =====================================================================
   11. P3 驗收修正（第二輪）
   ===================================================================== */

/* ---------- 11.1 灰卡 → 黑石底 ----------
   各頁 <style> 寫死的灰卡（rgba(30,30,30,.6)／rgba(40,40,40,.8)／rgba(20,20,20,.7~.8)），權重 (0,2,0) 高過頁面單類。
   只換底色與上／右／下框色，左側主題色線（如 .sq-card 紫線、inline border-left）保留。 */
.news-body :is(.nb-step,.sq-card,.cmd-card,.ench-card,.ench-table-box,.cha-card,.cha-step-card,.pandora-card,
  .hud-card,.mission-box,.loot-section,.info-card,.lh2-lead,.lh2-panel,.castle-info-card,.rules-box,.color-card,.qa-box,.visual-card,
  .crit-card,.class-box,.bonus-card,.config-card,.hk-box,.hpr-card,.intro-box,.stat-box,.equip-card,.doll-card,.potion-card,.md-card,
  .mechanic-card,.sec-card,.action-box,.step-content,.data-card,.quest-card,.misjudge-box,.video-card,.opt-card,.stat-card,.wt-card){
  background:var(--gs-plate-grad);border-radius:0;
  border-top-color:var(--gs-frame-dim);border-right-color:var(--gs-frame-dim);border-bottom-color:var(--gs-frame-dim);
  box-shadow:inset 0 1px 0 rgba(249,212,111,.08)
}
/* hover：頁面 .xxx:hover 會換回灰底 → 改成微亮的黑石 */
.news-body :is(.cha-card,.nb-step,.pandora-card,.visual-card,.video-card,.data-card,.quest-card,.stat-card,.crit-card,.equip-card,.doll-card,.potion-card):hover{
  background:linear-gradient(180deg,#1a1f2e 0%,#0d0d11 60%,#1f1610 100%)}
.news-body .ench-table-box{border:1px solid var(--gs-frame-dim)}
.news-body .ench-card{border-style:solid}
.news-body .nb-step{border-left:3px solid var(--gs-frame-dim)}
.news-body .nb-step:hover{border-left-color:var(--gs-gold)}
/* 卡內的次層灰塊 → 深藏青 */
.news-body :is(.class-item,.weapon-item,.formula-item,.step-item,.loot-item){background:rgba(20,25,37,.6)}
.news-body :is(tr.summon-row,.summon-row:hover){background:rgba(20,25,37,.6)}
.news-body :is(td.summon-lv,.item-icon-bg){background:#151925;border-radius:0}
.news-body td.summon-req{border-radius:0}
.news-body .ench-bar-wrap{background:#151925}
/* inline 寫死的灰卡（info_high-end、info_lvZero、shop_baseReset 等）：inline 只能 !important（規格 §4.3 允許清單：inline 舊配色） */
.news-body [style*="rgba(30, 30, 30, 0.6)"],.news-body [style*="rgba(30,30,30,0.6)"],.news-body [style^="background:rgba(20,20,20,0.8)"]{background:var(--gs-plate-grad) !important;border-radius:0 !important}
/* info_chaPet／info_enchantSystem inline 黃底提示框（「注意」、「虎男出沒」）→ 統一成 §3.8 提示框 */
.news-body [style*="background:rgba(255,193,7,0.08)"],.news-body [style*="background: rgba(255,193,7,0.08)"]{
  background:var(--gs-plate-grad) !important;border:1px solid rgba(186,147,105,.5) !important;border-left:3px solid var(--gs-gold-warm) !important;border-radius:0 !important}

/* info_chaPet 的 .warn-box 以 inline 改成各色全框＋彩色半透明底 → 統一霧金框＋左 3px 主題線（框內字色保留） */
.news-body .warn-box[style*="border-color"]{background:var(--gs-plate-grad) !important;border-color:rgba(186,147,105,.5) !important;border-left-color:var(--ct-tone) !important}
.news-body .warn-box[style*="#ffc107"]{--ct-tone:var(--gs-gold-warm)}
.news-body .warn-box:is([style*="#20c997"],[style*="#2ecc71"]){--ct-tone:var(--gs-emerald-hi)}
.news-body .warn-box[style*="#0dcaf0"]{--ct-tone:var(--gs-spectral-hi)}

/* ---------- 11.2 圓角歸零補齊（§2 未比對到的元件）；圓形（num／circle／dot／avatar）不動 ---------- */
.news-body :is([class*="-step"],[class*="-intro"],[class*="-welcome"],[class*="-total"],[class*="-section"],[class*="-item"],[class*="-wrap"],
  [class*="-price"],[class*="-odds"],[class*="-hint"],[class*="-mechanism"],[class*="-cost"],[class*="-symbol"],[class*="-code"],[class*="-bar"],[class*="-lead"],[class*="-content"]):not([class*="num"]):not([class*="circle"]):not([class*="dot"]):not([class*="avatar"]){border-radius:0}
.news-body :is(.hero-img,.hero-wrap,.hero-note){border-radius:0}
.news-body .step-item[style*="radius"]{border-radius:0 !important}

/* ---------- 11.3 霓虹青 #0dcaf0 → 幽光色 ---------- */
.news-body .paper-item{border-color:rgba(92,165,173,.55);color:#8fd0d6;background:rgba(92,165,173,.06);border-radius:0}
.news-body .paper-item:hover{border-color:var(--gs-gold);color:var(--gs-gold-hi)}
.news-body .cmd-code{color:#8fd0d6;background:#151925;border:1px solid rgba(92,165,173,.3);border-radius:0}

/* ---------- 11.4 提示框掛 .border-*（Bootstrap !important 四邊同色）→ 霧金框＋左 3px 主題色，菱形跟著左線色 ---------- */
.news-body .alert.border-info{--ct-tone:var(--gs-spectral-hi);border-color:rgba(186,147,105,.5) !important;border-left-color:var(--gs-spectral-hi) !important}
.news-body .alert.border-warning{--ct-tone:var(--gs-gold-warm);border-color:rgba(186,147,105,.5) !important;border-left-color:var(--gs-gold-warm) !important}
.news-body .alert.border-danger{--ct-tone:var(--gs-crimson-hi);border-color:rgba(186,147,105,.5) !important;border-left-color:var(--gs-crimson-hi) !important}
.news-body .alert.border-success{--ct-tone:var(--gs-emerald-hi);border-color:rgba(186,147,105,.5) !important;border-left-color:var(--gs-emerald-hi) !important}

/* ---------- 11.5 表格：舊黃半透明表頭統一、rowspan 表斑馬紋對齊、summon 表首列當表頭 ---------- */
.news-body thead[style*="rgba(238, 187, 77"] > tr > th,.news-body thead[style*="rgba(238,187,77"] > tr > th{
  background:#151925;color:var(--gs-gold-hi);font-family:"Noto Serif TC",serif;font-weight:700;border-bottom:1px solid var(--gs-frame)}
.news-body thead[style*="rgba(238, 187, 77"],.news-body thead[style*="rgba(238,187,77"]{background:#151925 !important}
/* 有 rowspan 的表：斑馬紋關掉（合併格只吃到第一列底色會錯位），合併格改深底＋右側古金線 */
.news-body :where(tbody:has(> tr > [rowspan]) > tr:nth-child(even)){background-color:transparent}
.news-body :where(tbody:has(> tr > [rowspan]) > tr) > :is(td,th)[rowspan]{background:rgba(20,25,37,.6);border-right:1px solid var(--gs-frame-dim)}
/* info_chaPet 捕捉／攜帶表（無 thead，首列即表頭；4 欄以上才算，3 欄的 mageCha 等級表不碰） */
.news-body .summon-table tr:first-child:has(> td:nth-child(4)) > td{
  background:#151925;color:var(--gs-gold-hi);font-family:"Noto Serif TC",serif;font-weight:700;border-bottom:1px solid var(--gs-frame)}
.news-body .summon-table tr:first-child:has(> td:nth-child(4)) > td .req-high{color:inherit}

/* ---------- 11.6 info_chaPet 分頁：inline 職業色底蓋過選中狀態 → 統一回 §5 的未選中／選中樣式 ---------- */
.news-body :is(.nav-pills,.nav-tabs) .nav-link[style*="background"]:not(.active){background:transparent !important;border-color:rgba(186,147,105,.45) !important}
.news-body :is(.nav-pills,.nav-tabs) .nav-link[style*="background"]:not(.active):hover{background:rgba(249,212,111,.06) !important;border-color:var(--gs-gold) !important}
.news-body :is(.nav-pills,.nav-tabs) .nav-link[style*="background"].active{background:rgba(209,157,75,.12) !important;border-color:var(--gs-gold-hi) !important}

/* ---------- 11.7 手機（≤576）：表格可讀性 ---------- */
@media (max-width:576px){
  .news-body table :is(th,td){padding:8px 6px;font-size:.86rem}
  .news-body thead th{letter-spacing:0;white-space:nowrap}
  .news-body :is(.nb-step,.sq-card,.cmd-card,.ench-card,.cha-step-card,[class*="-card"]){padding-left:12px;padding-right:12px}
  /* info_jobIntro 職業總覽：職業名不拆行、星等（emoji）縮小不換行 */
  .news-body .job-overview-table td:nth-child(1){white-space:nowrap}
  .news-body .job-overview-table td:nth-child(3){font-size:.62rem;letter-spacing:-.04em;white-space:nowrap}
  /* 寬表（4 欄以上）的 summon 表：橫向捲動，不讓字直排 */
  .news-body .summon-table:has(td:nth-child(4)){display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
  .news-body .summon-table:has(td:nth-child(4)) td{white-space:nowrap;padding:8px 10px}
}

/* ---------- 11.8 myshop 手機卡片化補欄名與分組列 ---------- */
@media (max-width:768px){
  /* shop_boots 分組列：style.css 的 td flex space-between 把標題推到右邊 */
  .news-body .myshop .custom-table tr.group-header > td{justify-content:flex-start;text-align:left}
  .news-body .myshop .custom-table tr.group-header > td::before{content:none}
  /* shop_elf：td 沒有 data-label，::before 空白 → 依欄位順序補欄名（P7 改成 data-label 後可刪） */
  .news-body .myshop table:has(th[width="12%"]) tbody td{gap:12px}
  .news-body .myshop table:has(th[width="12%"]) tbody td:nth-of-type(1)::before{content:"精靈名稱"}
  .news-body .myshop table:has(th[width="12%"]) tbody td:nth-of-type(2)::before{content:"常駐能力"}
  .news-body .myshop table:has(th[width="12%"]) tbody td:nth-of-type(3)::before{content:"充能額外"}
  .news-body .myshop table:has(th[width="12%"]) tbody td:nth-of-type(4)::before{content:"雷電傷害"}
  .news-body .myshop table:has(th[width="12%"]) tbody td:nth-of-type(5)::before{content:"進化需求"}
  .news-body .myshop table:has(th[width="12%"]) tbody td::before{flex:0 0 auto;text-align:left}
}

/* ---------- 11.9 內頁 modal 標頭（手機）：「複製連結」只留圖示，長標題不折行掉字 ---------- */
@media (max-width:576px){
  #Info_data .gs-modal__act .gs-btn--xs{font-size:0;padding:6px 8px;gap:0}
  #Info_data .gs-modal__act .gs-btn--xs i{font-size:14px;margin:0}
  #Info_data .modal-title{font-size:1.15rem}
}

/* ── 12. 站主確認的統一調整 ── */
/* 自帶紫色等實心底的表頭（每季任務）：改深底金字，原主題色只留頂端 2px 細線（inline background 只能以 !important 覆蓋） */
.news-body thead[style*="background"]{background:#151925 !important;box-shadow:inset 0 2px 0 #8a5cc8}
.news-body thead[style*="background"] th{color:#f9d46f}
/* 新手指南彩色實心按鈕 → 古金線框按鈕；分類色只留左側 3px 色條 */
.news-body .nb-link-btn{background:rgba(10,10,13,.7);color:#fdf4d9;border:1px solid #ba9369;border-left:3px solid var(--nb-c,#d19d4b);border-radius:0;box-shadow:inset 0 1px 0 rgba(249,212,111,.1)}
.news-body .nb-link-btn:hover{background:rgba(24,16,15,.85);color:#f9d46f;border-color:#f9d46f;border-left-color:var(--nb-c,#d19d4b);box-shadow:0 0 12px rgba(249,212,111,.25)}
.news-body .nb-link-btn i{color:#f9d46f}
.news-body .nb-btn-blue{--nb-c:#3d6dc8}
.news-body .nb-btn-green{--nb-c:#1ac37a}
.news-body .nb-btn-orange{--nb-c:#ee9f32}
.news-body .nb-btn-purple{--nb-c:#8a5cc8}
.news-body .nb-btn-red{--nb-c:#be5554}
.news-body .nb-btn-yellow{--nb-c:#eab035}