/* =========================================================
   佈景風格：超福音戰士（v1.84.0）
   ---------------------------------------------------------
   NERV 終端機：純黑底 ＋ EVA 橘 ＋ 警告紅 ＋ 粗黑白字。
   斜切角面板、危險條紋、掃描線、等寬讀數、分段式量表。

   刻意與現有六種風格拉開距離：
     ・標準／雜誌＝圓角卡片　→ 這裡全部斜切角（clip-path），零圓角
     ・科技／維基＝左側欄導覽　→ 這裡左側只有一條 52px 的「直脊」，
       導覽改成右上角 MENU 開全螢幕終端機
     ・雜誌＝右側欄　→ 這裡右側是 MAGI 控制台，面板是切角＋橘色編號條
     ・電玩＝像素字　→ 這裡是壓縮黑體＋等寬數字
   ========================================================= */

body.cw-style-eva {
	/* ⚠️ LOGO 底色只定義變數，套用規則在 main.css（v1.81.1 的契約）。
	   絕對不要在這個檔案裡給 .cw-card-thumb 之類的容器上底色 —— 會蓋掉使用者的設定。 */
	--cw-logo-bg-dark: #17181a;
	--cw-logo-bg-light: #fff;

	--ev-bg: #050506;
	--ev-panel: #0c0d0f;
	--ev-panel-2: #121316;
	--ev-line: #26282d;
	--ev-or: #f06400;        /* EVA 橘：主色 */
	--ev-or-2: #ff8a2b;
	--ev-red: #e1251b;       /* 警告紅 */
	--ev-ink: #f2f3f5;
	--ev-ink-2: #9aa0a8;
	--ev-ok: #64d21a;
	--ev-warn: #f5b200;      /* 警戒黃：只用在斜紋，不當文字色（黃底黑字才夠亮） */

	/* ⚠️ EVA 的招牌警戒線。三種各有各的用途，不要混用：
	     y = 黃黑，主分隔（頁首下緣、開場上下、頁尾上緣、控制台收尾）
	     o = 橘黑，次分隔（區段標題、控制台每一段、主要 CTA）
	     r = 紅黑，警告（已關站、缺點、危險提示）
	   ⚠️ 斜紋上絕對不能放字 —— 交替底色沒有任何前景色過得了 AA。 */
	--ev-hz-y: repeating-linear-gradient(45deg, #f5b200 0 13px, #0a0a0a 13px 26px);
	--ev-hz-o: repeating-linear-gradient(45deg, #f06400 0 13px, #0a0a0a 13px 26px);
	--ev-hz-r: repeating-linear-gradient(45deg, #e1251b 0 13px, #0a0a0a 13px 26px);

	--cw-navy: #050506;
	--cw-navy-2: #0c0d0f;
	--cw-gold: var(--ev-or);
	--cw-gold-2: var(--ev-or-2);
	--cw-ink: var(--ev-ink);
	--cw-ink-2: var(--ev-ink-2);
	/* ⚠️ main.css 有多處寫 var(--cw-muted, #6b7280)，那個 fallback 是給亮底用的，
	   深底上只有 4.02:1。這裡一定要接管，不能靠 fallback。 */
	--cw-muted: var(--ev-ink-2);
	--cw-line: var(--ev-line);
	--cw-bg: var(--ev-bg);
	--cw-white: var(--ev-panel);
	--cw-green: var(--ev-ok);
	/* ⚠️ --ev-red (#e1251b) 壓在近黑底上只有 4.15:1。它可以當框線、當斜紋，
	   但不能當文字色。main.css 有好幾處拿 var(--cw-red) 當字色
	   （.cw-badge-closed、.cw-badge-hot、.required、.cw-footer-badge…），
	   所以 --cw-red 要對應到「文字安全」的亮紅，深紅留給 --ev-red 自己用。 */
	--cw-red: #ff4b3e;
	--cw-radius: 0;
	--cw-shadow: none;

	background: var(--ev-bg);
	color: var(--ev-ink);
	font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;
	letter-spacing: .01em;
}
/* 自帶固定配色：關掉深淺切換鈕 */
body.cw-style-eva .cw-theme-toggle { display: none; }

/* 全站零圓角（切角風格的前提） */
body.cw-style-eva .cw-card,
body.cw-style-eva .cw-casino-card,
body.cw-style-eva .cw-panel,
body.cw-style-eva .cw-btn,
body.cw-style-eva .cw-badge,
body.cw-style-eva .cw-tag,
body.cw-style-eva .cw-hero,
body.cw-style-eva input,
body.cw-style-eva select,
body.cw-style-eva textarea { border-radius: 0 !important; }

/* 等寬讀數（分數、編號、百分比） */
body.cw-style-eva .eva-mono,
body.cw-style-eva .eva-rank-no,
body.cw-style-eva .eva-rank-score,
body.cw-style-eva .eva-glist-no,
body.cw-style-eva .eva-menu-no,
body.cw-style-eva .eva-hud-v,
body.cw-style-eva .cw-score,
body.cw-style-eva .cw-score-big,
body.cw-style-eva .cw-sidelist-score {
	font-family: "JetBrains Mono", "SFMono-Regular", ui-monospace, Menlo, Consolas, monospace;
	font-variant-numeric: tabular-nums;
}

/* ---------------------------------------------------------
   0. 連結、Hero、縮圖佔位
   ---------------------------------------------------------
   ⚠️ main.css 的全域連結色是 `a { color: var(--cw-navy-2) }`。
      這個風格把 --cw-navy-2 換成了深色面板色，等於把全站一般連結
      變成黑底黑字（第一版的「其他娛樂城」清單就整排看不見）。
      所以連結色一定要自己指定，不能只換調色盤變數。
   --------------------------------------------------------- */
body.cw-style-eva a { color: var(--ev-ink); }
body.cw-style-eva a:hover { color: var(--ev-or); }
body.cw-style-eva .cw-card-title a,
body.cw-style-eva .cw-casino-card-title a,
body.cw-style-eva .cw-game-row-title a,
body.cw-style-eva .cw-postrow-title a,
body.cw-style-eva .cw-sidelist a,
body.cw-style-eva .cw-typeblock-venues a { color: var(--ev-ink); }
body.cw-style-eva .cw-card-title a:hover,
body.cw-style-eva .cw-casino-card-title a:hover,
body.cw-style-eva .cw-sidelist a:hover,
body.cw-style-eva .cw-typeblock-venues a:hover { color: var(--ev-or); }

/* 內頁 Hero：把預設的藍色漸層換成 NERV 面板 */
body.cw-style-eva .cw-casino-hero,
body.cw-style-eva .cw-venue-hero,
body.cw-style-eva .cw-game-hero {
	background: #0a0b0d !important;
	border: 1px solid var(--ev-line); border-left: 3px solid var(--ev-or);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 18px), calc(100% - 18px) 100%, 0 100%);
}
body.cw-style-eva .cw-casino-hero h1,
body.cw-style-eva .cw-venue-hero h1,
body.cw-style-eva .cw-game-hero h1 { color: #fff; }
body.cw-style-eva .cw-casino-hero p,
body.cw-style-eva .cw-venue-hero p,
body.cw-style-eva .cw-game-hero p { color: var(--ev-ink-2); }
body.cw-style-eva .cw-hero-tag {
	background: transparent; border: 1px solid var(--ev-line); color: var(--ev-ink-2);
}
body.cw-style-eva .cw-hero-tag:hover { border-color: var(--ev-or); color: var(--ev-or); }

/* 沒有縮圖時的佔位方塊：預設是藍色漸層，這裡改成深灰＋橘字 */
body.cw-style-eva .cw-thumb-ph { background: #15161a; color: var(--ev-or); }

/* 面板標題 */
body.cw-style-eva .cw-panel-title {
	color: #fff; border-left: 3px solid var(--ev-or); padding-left: 10px; letter-spacing: .04em;
}

/* ---------------------------------------------------------
   1. 原本的頁首整個換掉
   --------------------------------------------------------- */
body.cw-style-eva .cw-header,
body.cw-style-eva .cw-topbar,
body.cw-style-eva .cw-nav-backdrop { display: none !important; }

/* ---------------------------------------------------------
   2. 左側直脊（桌機）
   --------------------------------------------------------- */
.eva-spine { display: none; }
@media (min-width: 1100px) {
	body.cw-style-eva { padding-left: 52px; }
	.eva-spine {
		position: fixed; left: 0; top: 0; bottom: 0; width: 52px; z-index: 90;
		display: flex; flex-direction: column; align-items: center; justify-content: space-between;
		padding: 16px 0 18px;
		background: #08090a;
		border-right: 1px solid var(--ev-line);
	}
	/* 直脊上的危險條紋 */
	.eva-spine::before {
		content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
		background: repeating-linear-gradient(180deg, var(--ev-or) 0 14px, #0b0b0c 14px 28px);
	}
	.eva-spine-mark { color: var(--ev-or); font-size: 18px; line-height: 1; }
	.eva-spine-text {
		writing-mode: vertical-rl; text-orientation: mixed;
		font-size: 11px; letter-spacing: .28em; color: var(--ev-ink-2);
		text-transform: uppercase; white-space: nowrap;
		/* 直脊只有 52px 寬：限制高度並裁切，長字串不會疊成一團 */
		flex: 0 1 auto; min-height: 0; max-height: calc(100vh - 140px); overflow: hidden;
	}
	.eva-spine-leds { display: flex; flex-direction: column; gap: 6px; }
	.eva-led { width: 8px; height: 8px; background: #23252a; display: block; }
	.eva-led.is-on { background: var(--ev-or); animation: eva-blink 2.4s steps(1) infinite; }
	.eva-led.is-on:nth-child(2) { animation-delay: .8s; }
	.eva-led.is-on:nth-child(4) { animation-delay: 1.6s; }
}
@keyframes eva-blink { 0%, 70% { opacity: 1; } 71%, 100% { opacity: .25; } }

/* ---------------------------------------------------------
   3. 頂部 HUD 列
   --------------------------------------------------------- */
.eva-hud {
	position: sticky; top: 0; z-index: 80;
	display: flex; align-items: center; gap: 16px;
	padding: 10px 20px;
	background: rgba(5, 5, 6, .94);
	border-bottom: 1px solid var(--ev-line);
	backdrop-filter: blur(6px);
}
.eva-hud::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px;
	background: linear-gradient(90deg, var(--ev-or) 0 30%, transparent 30% 100%);
}
.eva-hud-brand { display: flex; align-items: center; gap: 10px; text-decoration: none; min-width: 0; }
.eva-hud-brand img { max-height: 30px; width: auto; }
.eva-hud-mark {
	display: inline-flex; align-items: center; justify-content: center;
	padding: 3px 8px; background: var(--ev-or); color: #0a0a0a;
	font-weight: 900; font-size: 13px; letter-spacing: .12em;
	clip-path: polygon(0 0, 100% 0, 100% 70%, calc(100% - 7px) 100%, 0 100%);
}
.eva-hud-name {
	color: var(--ev-ink); font-weight: 800; font-size: 15px; letter-spacing: .04em;
	white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.eva-hud-read {
	display: none; align-items: center; gap: 7px; margin-left: auto;
	font-size: 11px; letter-spacing: .14em; color: var(--ev-ink-2);
	font-family: ui-monospace, Menlo, Consolas, monospace;
}
@media (min-width: 720px) { .eva-hud-read { display: flex; } }
/* ⚠️ 原本是 #6d737b（4.26:1）與 #3a3d43（1.87:1），在近黑面板上都低於 AA 4.5。
   HUD 是每頁都出現的元件，這裡不能將就。 */
.eva-hud-k { color: #949aa2; }
.eva-hud-v { color: var(--ev-or); font-weight: 700; }
.eva-hud-u { color: var(--ev-or); }
.eva-hud-sep { color: #7f858d; }
.eva-hud-ok { color: var(--ev-ok); font-weight: 700; }

.eva-menu-btn {
	margin-left: auto; display: inline-flex; align-items: center; gap: 9px;
	padding: 9px 14px; border: 1px solid var(--ev-or); background: transparent;
	color: var(--ev-or); font-weight: 800; font-size: 12px; letter-spacing: .18em;
	cursor: pointer; line-height: 1;
	clip-path: polygon(0 0, 100% 0, 100% 62%, calc(100% - 9px) 100%, 0 100%);
	transition: background .15s, color .15s;
}
@media (min-width: 720px) { .eva-menu-btn { margin-left: 0; } }
.eva-menu-btn:hover, .eva-menu-btn[aria-expanded="true"] { background: var(--ev-or); color: #0a0a0a; }
.eva-menu-btn-bars { display: inline-flex; flex-direction: column; gap: 3px; }
.eva-menu-btn-bars i { display: block; width: 16px; height: 2px; background: currentColor; }

/* ---------------------------------------------------------
   4. 全螢幕終端機選單
   --------------------------------------------------------- */
.eva-menu {
	position: fixed; inset: 0; z-index: 200;
	background: #050506;
	display: flex; align-items: center; justify-content: center;
	padding: 40px 24px;
}
.eva-menu[hidden] { display: none; }
/* 背景掃描線 */
.eva-menu::before {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background: repeating-linear-gradient(180deg, rgba(255,255,255,.045) 0 1px, transparent 1px 4px);
}
/* 右下角巨大橘色三角（NERV 感） */
.eva-menu::after {
	content: ""; position: absolute; right: -60px; bottom: -60px; width: 320px; height: 320px;
	background: var(--ev-or); opacity: .14; pointer-events: none;
	clip-path: polygon(100% 0, 100% 100%, 0 100%);
}
.eva-menu-inner { position: relative; width: 100%; max-width: 720px; }
.eva-menu-kicker {
	margin: 0 0 18px; font-size: 11px; letter-spacing: .34em; color: var(--ev-or);
	font-family: ui-monospace, Menlo, Consolas, monospace;
}
.eva-menu-list { list-style: none; margin: 0; padding: 0; }
.eva-menu-list li { border-bottom: 1px solid #1b1d21; }
.eva-menu-list a {
	display: flex; align-items: center; gap: 18px;
	padding: 16px 8px; text-decoration: none; color: var(--ev-ink);
	transition: background .15s, padding-left .15s, color .15s;
}
.eva-menu-no { color: var(--ev-or); font-size: 13px; font-weight: 700; letter-spacing: .1em; }
.eva-menu-t { font-size: clamp(22px, 5vw, 34px); font-weight: 900; letter-spacing: .04em; }
.eva-menu-arrow { margin-left: auto; color: #6b7178; font-size: 18px; transition: color .15s, transform .15s; }
.eva-menu-list a:hover,
.eva-menu-list a:focus-visible { background: rgba(240, 100, 0, .1); padding-left: 18px; color: #fff; }
.eva-menu-list a:hover .eva-menu-arrow { color: var(--ev-or); transform: translateX(4px); }
.eva-menu-close {
	margin-top: 26px; padding: 11px 18px; background: transparent;
	border: 1px solid var(--ev-line); color: var(--ev-ink-2);
	font-size: 12px; letter-spacing: .18em; cursor: pointer;
}
.eva-menu-close:hover { border-color: var(--ev-or); color: var(--ev-or); }
/* 開啟時逐項掃入 */
.eva-menu.is-open .eva-menu-list li {
	animation: eva-sweep .32s cubic-bezier(.2,.7,.3,1) backwards;
	animation-delay: calc(var(--i) * .045s + .06s);
}
@keyframes eva-sweep { from { opacity: 0; transform: translateX(-26px); } to { opacity: 1; transform: none; } }

/* ---------------------------------------------------------
   5. 版面骨架：主欄 ＋ MAGI 控制台
   --------------------------------------------------------- */
body.cw-style-eva .cw-main { padding: 0; }
/* ⚠️ 上緣留 14px：頂部 HUD 下面那條警戒線是 8px 且是絕對定位的，
   padding-top 給 0 的話側欄第一行字會被斜紋壓在底下（實測過）。 */
.eva-shell { display: block; padding: 14px 24px 40px; }
.eva-main { min-width: 0; }
@media (min-width: 1180px) {
	.eva-shell {
		display: grid; grid-template-columns: minmax(0, 1fr) 216px; gap: 34px;
		align-items: start; max-width: 1420px; margin: 0 auto; padding: 16px 30px 56px;
	}
	/* ⚠️ 主欄左右各留 56px，讓錯位排版的卡片有地方「凸出去」。
	   卡片用負 margin 往外推，最多推到 -56px 就會剛好貼齊骨架邊緣 ——
	   絕對不會超出畫面（allstyles.js 的橫向溢出檢查是這個排版的主要守門）。 */
	.eva-main { padding-left: 56px; padding-right: 56px; }
}
/* 主欄裡的容器不要再加一層左右內距（骨架已經給了） */
body.cw-style-eva .eva-main .cw-container { max-width: none; padding: 0; }
body.cw-style-eva .eva-main .cw-section { padding: 0; margin-bottom: 30px; }
body.cw-style-eva .eva-main .cw-section-alt { background: transparent; }

/* ---------------------------------------------------------
   5.5 警戒線（EVA 招牌）
   ---------------------------------------------------------
   ⚠️ 厚度刻意壓在 8px：再厚會開始跟內容搶注意力，整頁變得很吵。
   ⚠️ 上面不放任何文字（見 template-tags-eva.php 的說明）。
   --------------------------------------------------------- */
.eva-hazard { height: 8px; width: 100%; flex: none; }
.eva-hazard-y { background: var(--ev-hz-y); }
.eva-hazard-o { background: var(--ev-hz-o); }
.eva-hazard-r { background: var(--ev-hz-r); }

/* 頁首下緣與頁尾上緣：整條貫穿 */
.eva-hud { position: relative; }
.eva-hud::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: -8px; height: 8px;
	background: var(--ev-hz-y); pointer-events: none;
}
body.cw-style-eva .cw-footer { position: relative; }
body.cw-style-eva .cw-footer::before {
	content: ""; position: absolute; left: 0; right: 0; top: 0; height: 8px;
	background: var(--ev-hz-y); pointer-events: none;
}

/* ---------------------------------------------------------
   6. 區段標題
   --------------------------------------------------------- */
/* ⚠️ v1.85.0：區段標題整個重做。舊版是「emoji ＋ 一行標題 ＋ 一條細底線」，
   跟標準版／雜誌風長得一樣。現在改成：
     ・巨大半透明的區段編號當背景（絕對定位，往左超出主欄）
     ・標題壓在編號上面
     ・底下是一條橘黑警戒線，不是細線
   計數器 evasec 由 .eva-main 起算，每個 .cw-section 加一。 */
.eva-main { counter-reset: evasec; }
body.cw-style-eva .eva-main .cw-section { counter-increment: evasec; }

.eva-head, body.cw-style-eva .cw-section-head {
	position: relative; display: flex; align-items: flex-end; gap: 14px;
	margin: 0 0 18px; padding: 0 0 12px; border-bottom: 0;
	min-height: 56px;
}
/* 巨大背景編號 —— 純裝飾，往左溢出到主欄的 56px 留白裡 */
body.cw-style-eva .eva-main .cw-section-head::before {
	content: counter(evasec, decimal-leading-zero);
	position: absolute; left: -34px; bottom: -6px; z-index: 0;
	font-family: ui-monospace, Menlo, Consolas, monospace;
	font-size: 76px; font-weight: 900; line-height: .8; letter-spacing: -.04em;
	color: #16181c; pointer-events: none;
}
/* 底下那條警戒線 */
.eva-head::after, body.cw-style-eva .cw-section-head::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 8px;
	background: var(--ev-hz-o); pointer-events: none;
}
body.cw-style-eva .cw-section-title,
.eva-h {
	position: relative; z-index: 1;
	margin: 0; font-size: 23px; font-weight: 900; letter-spacing: .04em; color: var(--ev-ink);
	display: flex; align-items: center; gap: 10px; padding-left: 0;
}
body.cw-style-eva .cw-section-title::before {
	content: ""; width: 14px; height: 14px; background: var(--ev-or); border-radius: 0;
	clip-path: polygon(0 0, 100% 0, 100% 100%); box-shadow: none; position: static; transform: none;
}
.eva-h-code {
	font-family: ui-monospace, Menlo, Consolas, monospace;
	font-size: 11px; letter-spacing: .2em; color: var(--ev-or);
	border: 1px solid var(--ev-or); padding: 2px 6px;
}
body.cw-style-eva .cw-section-more,
.eva-more {
	position: relative; z-index: 1;
	margin-left: auto; color: var(--ev-ink-2); font-size: 12px; letter-spacing: .12em;
	text-decoration: none; display: inline-flex; align-items: center; gap: 6px;
}
body.cw-style-eva .cw-section-more:hover, .eva-more:hover { color: var(--ev-or); }

/* ---------------------------------------------------------
   7. 首頁開場（.eva-open）＋ 內頁的 .cw-hero
   ---------------------------------------------------------
   ⚠️ v1.85.0 換掉了 v1.84.0 的置中方盒。舊版被使用者一眼看穿「跟之前太像」，
      因為那個骨架（置中標題 → 副標 → 兩顆鈕 → 三個數字）就是標準版的骨架。
      現在改成 EVA 的作戰檔案：巨大編號 ＋ 出血標題 ＋ 靠右下的副欄。
   --------------------------------------------------------- */
.eva-open {
	position: relative; margin: 0 -56px 34px; background: #08090b;
	overflow: hidden;
}
.eva-open-body {
	position: relative; padding: 46px 56px 40px; min-height: 260px;
	display: grid; grid-template-columns: minmax(0, 1fr); gap: 18px;
}
@media (min-width: 900px) {
	.eva-open-body { grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); align-items: end; column-gap: 40px; }
}
/* 巨大背景編號：切到左邊畫面外
   ⚠️ 用 CSS ::before 產生，不要在 HTML 放 <span> ——
      它是純紋理（1.06:1），放進 DOM 就會被對比測試當成「看不見的字」抓出來，
      而那個測試不該為了裝飾放寬標準。區段標題的巨大編號也是同樣做法。 */
.eva-open::before {
	content: "01"; position: absolute; left: -26px; top: -30px; z-index: 0; pointer-events: none;
	font-family: ui-monospace, Menlo, Consolas, monospace;
	font-size: clamp(150px, 24vw, 300px); font-weight: 900; line-height: .78;
	letter-spacing: -.06em; color: #101216;
}
/* 右上角的橘色三角，跟開場的斜切呼應 */
.eva-open::after {
	content: ""; position: absolute; right: 0; top: 8px; width: 240px; height: 240px;
	background: var(--ev-or); opacity: .09; pointer-events: none;
	clip-path: polygon(100% 0, 100% 100%, 0 0);
}
.eva-open-code {
	position: relative; z-index: 1; grid-column: 1 / -1;
	margin: 0; display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: center;
	font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 11px; letter-spacing: .22em;
}
.eva-open-code-k { color: #949aa2; }
.eva-open-code-v { color: #0a0a0a; background: var(--ev-or); padding: 2px 8px; font-weight: 700; }

/* 標題：超大、靠左、往左出血切出主欄 */
.eva-open-t {
	position: relative; z-index: 1; margin: 0;
	margin-left: -14px;
	font-size: clamp(34px, 6.4vw, 74px); font-weight: 900; line-height: 1.02;
	letter-spacing: -.01em; color: #fff; text-wrap: balance;
}
.eva-open-t::after { display: none; }

/* 右下副欄：刻意不跟標題對齊 */
.eva-open-side { position: relative; z-index: 1; border-left: 2px solid var(--ev-or); padding-left: 18px; }
.eva-open-eyebrow {
	display: inline-block; margin-bottom: 8px; font-size: 11px; letter-spacing: .24em;
	color: var(--ev-or); font-family: ui-monospace, Menlo, Consolas, monospace;
}
.eva-open-sub { margin: 0 0 16px; color: #a9afb7; font-size: 14px; line-height: 1.75; }
.eva-open-actions { display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }

/* CTA：主鈕自己帶一條橘黑警戒線在下緣 */
.eva-cta {
	position: relative; display: inline-block; text-decoration: none;
	background: var(--ev-or); color: #0a0a0a; font-weight: 900; letter-spacing: .1em;
	padding: 13px 30px 15px; min-width: 200px; text-align: center;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 12px), calc(100% - 12px) 100%, 0 100%);
}
/* ⚠️ 這兩條一定要寫成 `a.eva-cta`（權重 0,1,1）。
   第 0 節有 `body.cw-style-eva a { color: var(--ev-ink) }`（權重 0,2,1），
   只寫 `.eva-cta`（0,1,0）會被它蓋掉 → 近白字壓在橘底上只有 2.9:1，
   眼睛看得到但完全不合格（tests/eva-contrast.js 抓出來的）。 */
body.cw-style-eva a.eva-cta { color: #0a0a0a; }
body.cw-style-eva a.eva-cta:hover { background: var(--ev-or-2); color: #0a0a0a; }
body.cw-style-eva a.eva-cta-2 { color: var(--ev-ink); }
body.cw-style-eva a.eva-cta-2:hover { color: var(--ev-or); }
.eva-cta .eva-hazard { position: absolute; left: 0; right: 0; bottom: 0; height: 6px; }
.eva-cta-2 {
	background: transparent; color: var(--ev-ink); border: 1px solid var(--ev-line);
	padding: 12px 26px; min-width: 168px; margin-left: 34px;   /* 刻意錯開，不切齊 */
}
.eva-cta-2:hover { border-color: var(--ev-or); color: var(--ev-or); background: rgba(240,100,0,.08); }

/* 統計：橫排，帶編號 */
.eva-open-stats {
	position: relative; z-index: 1; list-style: none; margin: 0; padding: 16px 56px 20px;
	display: flex; flex-wrap: wrap; gap: 12px 44px;
}
.eva-open-stats li { display: flex; align-items: baseline; gap: 9px; }
.eva-open-stno {
	font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 10px;
	letter-spacing: .18em; color: var(--ev-or);
}
.eva-open-stats strong { font-size: 30px; font-weight: 900; color: var(--ev-ink); line-height: 1; }
.eva-open-stlabel { font-size: 12px; color: #a9afb7; letter-spacing: .06em; }

/* 內頁仍會用到 .cw-hero（404、搜尋等）：留一個簡化版，不再是主角 */
body.cw-style-eva .cw-hero {
	position: relative; overflow: hidden; background: #0a0b0d;
	border-left: 3px solid var(--ev-or); padding: 30px 26px;
}
body.cw-style-eva .cw-hero::before {
	content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 8px;
	background: var(--ev-hz-o); pointer-events: none;
}
body.cw-style-eva .cw-hero-title {
	font-size: clamp(26px, 5vw, 44px); font-weight: 900; letter-spacing: .02em; color: #fff;
	/* ⚠️ 中文可以逐字斷行，手機版標題常斷在「排名評／測」這種難看的位置。 */
	text-wrap: balance;
}
body.cw-style-eva .cw-hero-title::after { display: none; }
body.cw-style-eva .cw-hero p { color: var(--ev-ink-2); }
body.cw-style-eva .cw-hero-stats strong { color: var(--ev-or); }
body.cw-style-eva .cw-hero-eyebrow {
	color: var(--ev-or); letter-spacing: .22em; font-size: 11px;
	font-family: ui-monospace, Menlo, Consolas, monospace;
}

/* ---------------------------------------------------------
   8. 卡片：不對稱錯位排版（v1.85.0 的重點）
   ---------------------------------------------------------
   使用者回饋：「排版設計跟之前太像了」。舊版卡片是等寬切齊的一疊，
   跟標準版／雜誌風完全一樣。這一節把它拆成作戰檔案式的錯位排列。

   ⚠️ 一定要用 margin，不能用 transform：
      transform 不會影響版面計算，卡片會互相重疊、後面的卡片也點不到。
   ⚠️ 負 margin 最多 -56px —— 剛好是 .eva-main 的左右內距，
      再多就會超出 .eva-shell 造成橫向溢出（allstyles.js 會抓）。
   ⚠️ 手機版（< 1180px）整組取消，見第 12 節。
   --------------------------------------------------------- */
@media (min-width: 1180px) {
	/* 四段循環，四種不同的左緣：-56 / 0 / -28 / 24
	   ⚠️ 只套 .cw-casino-list（flex 直欄）。.cw-casino-grid 是 grid，
	      在 grid 子項上加負 margin 會把整排欄寬算歪。 */
	body.cw-style-eva .eva-main .cw-casino-list > .cw-casino-card:nth-child(4n+1) { margin-left: -56px; margin-right: 40px; }
	body.cw-style-eva .eva-main .cw-casino-list > .cw-casino-card:nth-child(4n+2) { margin-left: 0;     margin-right: -30px; }
	body.cw-style-eva .eva-main .cw-casino-list > .cw-casino-card:nth-child(4n+3) { margin-left: -28px; margin-right: 66px; }
	body.cw-style-eva .eva-main .cw-casino-list > .cw-casino-card:nth-child(4n+4) { margin-left: 24px;  margin-right: -56px; }

	/* 文章列表也錯位，但幅度小一點（內文型的內容不要太跳） */
	body.cw-style-eva .eva-main .cw-postrow:nth-child(odd)  { margin-left: -36px; margin-right: 30px; }
	body.cw-style-eva .eva-main .cw-postrow:nth-child(even) { margin-left: 30px;  margin-right: -36px; }

	/* 網格區塊（場館／遊戲）：整組往左推，跟卡片列錯開
	   ⚠️ 只能套在「首頁區塊直接持有的網格」。內頁的網格是包在 .cw-panel 裡的
	      （例如遊戲頁的「同場館其他遊戲」），面板有 clip-path 切角，
	      往左推 56px 會被面板裁掉，卡片左半邊直接不見。 */
	body.cw-style-eva .eva-main .cw-section > .cw-container > .cw-grid { margin-left: -56px; }
}

/* ---------------------------------------------------------
   8.1 卡片外觀：切角 ＋ 懸停掃描線
   --------------------------------------------------------- */
body.cw-style-eva .cw-card,
body.cw-style-eva .cw-casino-card,
body.cw-style-eva .cw-panel,
body.cw-style-eva .cw-postrow,
body.cw-style-eva .cw-filter-bar {
	/* ⚠️ 用 background-color 不用 background 簡寫 —— 簡寫會把下面「角落 L 型標記」
	   靠 background-image 畫的四條線整個重設成 none。 */
	position: relative; background-color: var(--ev-panel); border: 1px solid var(--ev-line);
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%);
	transition: border-color .18s, background-color .18s;
}
/* 懸停：橘色邊 ＋ 一道掃描線掃過 */
/* ⚠️ 這裡的 border-color 必須帶 !important。
   main.css 從 v1.51.0 起給 .cw-top-1/.cw-top-2 加了金銀邊框且帶 !important，
   不加的話前兩名的卡片會固定停在金色邊、懸停也不會變色（雜誌風踩過同一個坑）。 */
body.cw-style-eva .cw-card:hover,
body.cw-style-eva .cw-casino-card:hover,
body.cw-style-eva .cw-postrow:hover { border-color: var(--ev-or) !important; background-color: var(--ev-panel-2); transform: none; }
body.cw-style-eva .cw-card::after,
body.cw-style-eva .cw-casino-card::after {
	content: ""; position: absolute; left: 0; right: 0; top: 0; height: 2px;
	background: linear-gradient(90deg, transparent, var(--ev-or), transparent);
	opacity: 0; pointer-events: none;
}
body.cw-style-eva .cw-card:hover::after,
body.cw-style-eva .cw-casino-card:hover::after { animation: eva-scan 620ms ease-out; }
@keyframes eva-scan {
	0% { opacity: 0; transform: translateY(0); }
	12% { opacity: 1; }
	100% { opacity: 0; transform: translateY(180px); }
}

/* 座標編號：每張娛樂城卡右上角一個 A-01 之類的代號 */
body.cw-style-eva .eva-main .cw-casino-list,
body.cw-style-eva .eva-main .cw-casino-grid { counter-reset: evacard; }
body.cw-style-eva .eva-main .cw-casino-card { counter-increment: evacard; }
body.cw-style-eva .eva-main .cw-casino-card::before {
	content: "A-" counter(evacard, decimal-leading-zero);
	position: absolute; right: 12px; top: 8px; z-index: 2; pointer-events: none;
	font-family: ui-monospace, Menlo, Consolas, monospace;
	font-size: 10px; letter-spacing: .18em; color: #949aa2;
}

/* 角落 L 型標記（左上、左下）—— 用背景漸層畫，不佔額外元素 */
body.cw-style-eva .eva-main .cw-casino-card {
	background-image:
		linear-gradient(var(--ev-or), var(--ev-or)), linear-gradient(var(--ev-or), var(--ev-or)),
		linear-gradient(var(--ev-or), var(--ev-or)), linear-gradient(var(--ev-or), var(--ev-or));
	background-repeat: no-repeat;
	background-size: 14px 2px, 2px 14px, 14px 2px, 2px 14px;
	background-position: left top, left top, left bottom, left bottom;
}

/* 名次：橘色斜切方塊 */
body.cw-style-eva .cw-rank {
	background: var(--ev-or) !important; color: #0a0a0a; font-weight: 900;
	clip-path: polygon(0 0, 100% 0, 100% 68%, calc(100% - 8px) 100%, 0 100%);
}
body.cw-style-eva .cw-rank.is-top { background: var(--ev-red) !important; color: #fff; }
body.cw-style-eva .cw-top-1, body.cw-style-eva .cw-top-2 { background: var(--ev-panel) !important; }
body.cw-style-eva .cw-top-1 { border-color: var(--ev-red) !important; }
body.cw-style-eva .cw-top-2 { border-color: var(--ev-or) !important; }

/* 徽章：外框式，不用底色塊 */
body.cw-style-eva .cw-badge {
	background: transparent; border: 1px solid currentColor; font-size: 11px; letter-spacing: .06em;
	padding: 2px 7px;
}
body.cw-style-eva .cw-badge-cash { color: var(--ev-or); }
body.cw-style-eva .cw-badge-line { color: var(--ev-ok); }
body.cw-style-eva .cw-badge-app  { color: #57b6ff; }
body.cw-style-eva .cw-badge-usdt { color: #ffd21f; }
body.cw-style-eva .cw-tag { background: #16181b; color: var(--ev-ink-2); border: 1px solid var(--ev-line); }
body.cw-style-eva .cw-tag:hover { border-color: var(--ev-or); color: var(--ev-or); background: #16181b; }

/* 按鈕 */
body.cw-style-eva .cw-btn { font-weight: 800; letter-spacing: .08em; border-width: 1px; }
body.cw-style-eva .cw-btn-gold {
	background: var(--ev-or); color: #0a0a0a; border-color: var(--ev-or); box-shadow: none;
	clip-path: polygon(0 0, 100% 0, 100% 66%, calc(100% - 10px) 100%, 0 100%);
}
body.cw-style-eva .cw-btn-gold:hover { background: var(--ev-or-2); color: #0a0a0a; }
body.cw-style-eva .cw-btn-outline { border-color: var(--ev-line); color: var(--ev-ink); background: transparent; }
body.cw-style-eva .cw-btn-outline:hover { border-color: var(--ev-or); color: var(--ev-or); background: rgba(240,100,0,.08); }
body.cw-style-eva .cw-btn-ghost { border-color: var(--ev-line); color: var(--ev-ink-2); }
body.cw-style-eva .cw-btn-ghost:hover { border-color: var(--ev-ink); color: var(--ev-ink); }
body.cw-style-eva .cw-btn-closed { background: #1a0f0e; border-color: var(--ev-red); color: #ff8a83; }

/* 星星與分數 */
body.cw-style-eva .cw-stars-fill svg { fill: var(--ev-or); }
body.cw-style-eva .cw-stars-bg svg { fill: #2a2d33; }
body.cw-style-eva .cw-score, body.cw-style-eva .cw-score-big { color: var(--ev-or); font-weight: 800; }
body.cw-style-eva .cw-score-max { color: #949aa2; }
body.cw-style-eva .cw-sidelist-score, body.cw-style-eva .cw-mini-score { color: var(--ev-or); }

/* ---------------------------------------------------------
   8.15 內頁的頁面標題（封存頁、分類頁…）
   ---------------------------------------------------------
   ⚠️ v1.85.0 之前這裡是「一行大標 ＋ 一行說明」，跟標準版一字不差。
      現在比照首頁開場：巨大裝飾編號 ＋ 出血標題 ＋ 底下一條警戒線。
   --------------------------------------------------------- */
body.cw-style-eva .eva-main .cw-page-header {
	position: relative; margin: 0 0 26px; padding: 26px 0 20px;
}
body.cw-style-eva .eva-main .cw-page-header::before {
	content: "FILE"; position: absolute; left: -46px; top: 6px; z-index: 0; pointer-events: none;
	font-family: ui-monospace, Menlo, Consolas, monospace;
	font-size: 62px; font-weight: 900; line-height: .8; letter-spacing: -.03em; color: #14161a;
}
body.cw-style-eva .eva-main .cw-page-header::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 8px;
	background: var(--ev-hz-y); pointer-events: none;
}
body.cw-style-eva .cw-page-title {
	position: relative; z-index: 1; margin-left: -12px;
	font-size: clamp(28px, 4.4vw, 46px); letter-spacing: -.01em; color: #fff; text-wrap: balance;
}
body.cw-style-eva .cw-page-desc { position: relative; z-index: 1; color: #a9afb7; }

/* 篩選列：左緣一條橘色實心標，跟卡片的角落標記呼應 */
body.cw-style-eva .cw-filter-bar { border-left: 3px solid var(--ev-or); }

/* ---------------------------------------------------------
   8.2 內頁面板：每一塊上緣都掛一條警戒線
   ---------------------------------------------------------
   ⚠️ 用 ::before 畫在面板「內部的上緣」，不是外面 ——
      面板有 clip-path 切角，畫在外面會被切掉一角。
   ⚠️ 面板要補 padding-top，不然標題會壓在斜紋上（斜紋上不能有字）。
   --------------------------------------------------------- */
body.cw-style-eva .cw-panel,
body.cw-style-eva .cw-infobox { position: relative; padding-top: 26px; }
body.cw-style-eva .cw-panel::before,
body.cw-style-eva .cw-infobox::before {
	content: ""; position: absolute; left: 0; right: 0; top: 0; height: 8px;
	background: var(--ev-hz-o); pointer-events: none;
}
body.cw-style-eva .cw-panel-title {
	border-left: 3px solid var(--ev-or); letter-spacing: .04em;
}
/* 「已關站」是警告狀態 —— 用紅黑斜紋，跟一般按鈕明確區分 */
body.cw-style-eva .cw-btn-closed {
	position: relative; padding-bottom: 14px; overflow: hidden;
}
body.cw-style-eva .cw-btn-closed::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 6px;
	background: var(--ev-hz-r); pointer-events: none;
}

/* ---------------------------------------------------------
   9. MAGI 控制台（側欄）
   --------------------------------------------------------- */
/* ⚠️ v1.85.0：側欄從「三個堆疊的方盒」改成「貼右緣的窄長條」。
   三個有框有底的方盒疊起來，正是雜誌風側欄的樣子 —— 那就是使用者說
   「跟之前太像」的一部分。現在沒有外框、沒有底色，段與段之間只用警戒線分隔。 */
.eva-console { min-width: 0; margin-top: 34px; }
.eva-console-in { border-left: 1px solid var(--ev-line); padding-left: 16px; }
@media (min-width: 1180px) {
	.eva-console { margin-top: 0; position: sticky; top: 78px; }
}
.eva-console-kicker {
	margin: 0 0 14px; font-size: 10px; letter-spacing: .3em; color: var(--ev-or);
	font-family: ui-monospace, Menlo, Consolas, monospace;
}
.eva-panel { background: transparent; border: 0; margin: 0 0 20px; clip-path: none; }
.eva-panel > .eva-hazard { height: 6px; margin-bottom: 10px; }
.eva-panel-h {
	display: flex; flex-direction: column; align-items: flex-start; gap: 5px; margin: 0 0 10px;
	padding: 0; border-bottom: 0; background: transparent;
	font-size: 13px; font-weight: 800; letter-spacing: .04em; color: var(--ev-ink);
}
.eva-panel-code {
	font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 10px;
	letter-spacing: .16em; color: var(--ev-or); padding: 0; background: transparent;
}
.eva-panel-t { font-size: 13px; line-height: 1.4; }
.eva-panel-b { padding: 0; }

/* 排行 */
.eva-rank { list-style: none; margin: 0; padding: 0; }
.eva-rank-row {
	display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center;
	gap: 4px 9px; padding: 8px 0; border-bottom: 1px dashed #202226;
}
.eva-rank-row:last-child { border-bottom: 0; }
.eva-rank-no { color: var(--ev-or); font-size: 12px; font-weight: 700; }
.eva-rank-name {
	color: var(--ev-ink); text-decoration: none; font-size: 13.5px; font-weight: 700;
	overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.eva-rank-name:hover { color: var(--ev-or); }
.eva-rank-score { color: var(--ev-or); font-size: 13px; font-weight: 700; }
/* 分段式量表：滾到畫面才填滿 */
.eva-bar { grid-column: 1 / -1; display: block; height: 6px; background: #17191d; position: relative; overflow: hidden; }
.eva-bar i {
	display: block; height: 100%; width: 0; background: var(--ev-or);
	transition: width .9s cubic-bezier(.2,.8,.3,1);
}
.eva-bar::after {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background: repeating-linear-gradient(90deg, transparent 0 6px, #050506 6px 8px);
}
.is-lit .eva-bar i { width: var(--w); }

/* 優惠 */
.eva-offer {
	display: flex; align-items: center; gap: 10px; padding: 9px 0;
	border-bottom: 1px dashed #202226; text-decoration: none;
}
.eva-offer:last-child { border-bottom: 0; }
.eva-offer-logo {
	flex: none; width: 42px; height: 42px; display: grid; place-items: center; overflow: hidden;
	border: 1px solid var(--ev-line);
}
.eva-offer-logo img { max-width: 90%; max-height: 90%; object-fit: contain; }
.eva-offer-t { min-width: 0; }
.eva-offer-t b { display: block; color: var(--ev-ink); font-size: 13px; }
.eva-offer-t span { display: block; color: var(--ev-ink-2); font-size: 11.5px; margin-top: 2px; }
.eva-offer:hover b { color: var(--ev-or); }

/* 遊戲清單 */
.eva-glist { list-style: none; margin: 0; padding: 0; }
.eva-glist li { border-bottom: 1px dashed #202226; }
.eva-glist li:last-child { border-bottom: 0; }
.eva-glist a { display: flex; align-items: center; gap: 10px; padding: 8px 0; text-decoration: none; }
.eva-glist-no { color: #7c828b; font-size: 12px; font-weight: 700; }
.eva-glist-t { min-width: 0; }
.eva-glist-t b { display: block; color: var(--ev-ink); font-size: 13px; }
.eva-glist-t span { display: block; color: var(--ev-ink-2); font-size: 11.5px; }
.eva-glist a:hover b { color: var(--ev-or); }
.eva-glist a:hover .eva-glist-no { color: var(--ev-or); }

/* ---------------------------------------------------------
   10. 內文與表格
   --------------------------------------------------------- */
body.cw-style-eva .cw-entry-content { color: #d9dce0; }
body.cw-style-eva .cw-entry-content h2 {
	color: #fff; border-left: 3px solid var(--ev-or); padding-left: 10px; letter-spacing: .04em;
}
body.cw-style-eva .cw-entry-content h3 { color: var(--ev-or-2); }
/* ⚠️ v1.87.0：與雜誌風同一個坑（使用者尚未回報，是主動掃出來的）。
   橘色 --ev-or 會蓋掉核心給按鈕的白字；橘底橘字一樣看不見。
   :where() 包住 → 權重維持 (0,2,2) 不變。 */
body.cw-style-eva .cw-entry-content a:where(:not(.cw-inbtn, [class*="btn"], [class*="Btn"], [class*="button"], [class*="Button"], [class*="cta"], [class*="CTA"], [style*="background"])) { color: var(--ev-or); }
body.cw-style-eva .cw-entry-content table { border-color: var(--ev-line); }
body.cw-style-eva .cw-entry-content th { background: #101114; color: var(--ev-ink); }
body.cw-style-eva .cw-entry-content td { border-color: var(--ev-line); }
body.cw-style-eva .cw-specs th, body.cw-style-eva .cw-specs td { border-color: var(--ev-line); }
body.cw-style-eva .cw-specs th { color: var(--ev-ink-2); }
body.cw-style-eva .cw-specs td { color: var(--ev-ink); }

/* 麵包屑 */
body.cw-style-eva .cw-breadcrumbs {
	background: transparent; border: 0; border-bottom: 1px solid var(--ev-line);
	font-size: 12px; letter-spacing: .04em;
}
body.cw-style-eva .cw-breadcrumbs a { color: var(--ev-ink-2); }
body.cw-style-eva .cw-breadcrumbs a:hover { color: var(--ev-or); }
body.cw-style-eva .cw-breadcrumbs [aria-current] { color: var(--ev-ink); }

/* 表單 */
body.cw-style-eva .cw-filter-select,
body.cw-style-eva .cw-filter-input { background: #0d0e11; color: var(--ev-ink); border-color: var(--ev-line); }
body.cw-style-eva .cw-filter-submit { background: var(--ev-or); color: #0a0a0a; border-color: var(--ev-or); }
body.cw-style-eva .cw-view-btn { border-color: var(--ev-line); color: var(--ev-ink-2); }
body.cw-style-eva .cw-view-btn.is-active { background: var(--ev-or); color: #0a0a0a; border-color: var(--ev-or); }

/* 頁尾 */
body.cw-style-eva .cw-footer { background: #08090a; border-top: 1px solid var(--ev-line); }
body.cw-style-eva .cw-footer-title { color: var(--ev-or); letter-spacing: .14em; font-size: 12px; }
body.cw-style-eva .cw-footer-links a { color: var(--ev-ink-2); }
body.cw-style-eva .cw-footer-links a:hover { color: var(--ev-or); }
body.cw-style-eva .cw-footer-brand,
body.cw-style-eva .cw-footer-brand a { color: var(--ev-ink); }

/* 返回頂部 */
body.cw-style-eva .cw-to-top {
	background: var(--ev-or); color: #0a0a0a; border: 0; border-radius: 0;
	clip-path: polygon(0 0, 100% 0, 100% 70%, calc(100% - 9px) 100%, 0 100%);
}

/* ---------------------------------------------------------
   11. 啟動序列
   --------------------------------------------------------- */
.eva-boot {
	position: fixed; inset: 0; z-index: 300; background: #050506;
	display: grid; place-items: center; pointer-events: none;
	animation: eva-boot-out .28s ease-out .42s forwards;
}
.eva-boot-line {
	position: absolute; left: 0; right: 0; height: 2px; background: var(--ev-or);
	top: 50%; animation: eva-boot-scan .42s ease-out;
}
.eva-boot-txt {
	color: var(--ev-or); font-family: ui-monospace, Menlo, Consolas, monospace;
	font-size: 12px; letter-spacing: .34em; animation: eva-boot-txt .42s steps(2) ;
}
@keyframes eva-boot-scan { 0% { transform: scaleX(0); } 60% { transform: scaleX(1); } 100% { transform: scaleX(1); opacity: 0; } }
@keyframes eva-boot-txt { 0%, 40% { opacity: 0; } 41%, 100% { opacity: 1; } }
@keyframes eva-boot-out { to { opacity: 0; visibility: hidden; } }

/* ---------------------------------------------------------
   12. 手機版
   --------------------------------------------------------- */
/* ⚠️ 錯位排版只在 ≥1180px 生效（見第 8 節的 media query），這裡再補一道保險：
   1180px 以下把所有負 margin 歸零。手機上留著錯位一定會橫向溢出。 */
@media (max-width: 1179px) {
	body.cw-style-eva .eva-main .cw-casino-list > .cw-casino-card,
	body.cw-style-eva .eva-main .cw-postrow,
	body.cw-style-eva .eva-main .cw-section > .cw-container > .cw-grid { margin-left: 0; margin-right: 0; }
	.eva-open { margin-left: 0; margin-right: 0; }
	.eva-open-body { padding: 34px 22px 30px; }
	.eva-open-stats { padding: 14px 22px 18px; }
	.eva-cta-2 { margin-left: 0; }
	/* 主欄沒有 56px 內距了，巨大裝飾字要收回來，不然會被切掉 */
	body.cw-style-eva .eva-main .cw-section-head::before { left: -8px; font-size: 56px; }
	body.cw-style-eva .eva-main .cw-page-header::before { left: -6px; font-size: 44px; }
	body.cw-style-eva .cw-page-title { margin-left: 0; }
}

@media (max-width: 899px) {
	.eva-shell { padding: 16px 24px 36px; }   /* 左右 24px：跟其他風格一致（v1.81.3 的決定） */
	.eva-hud { padding: 9px 16px; }
	.eva-hud-name { font-size: 14px; }
	body.cw-style-eva .cw-hero { padding: 24px 18px; }
	.eva-menu-t { font-size: 24px; }
	.eva-open-bignum { font-size: 118px; left: -14px; top: -18px; }
	.eva-open-t { margin-left: 0; }
	.eva-open-stats strong { font-size: 24px; }
}

/* ---------------------------------------------------------
   13. 減少動態偏好：所有動畫關掉
   --------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
	.eva-boot { display: none; }
	.eva-menu.is-open .eva-menu-list li { animation: none; }
	.eva-led.is-on { animation: none; }
	body.cw-style-eva .cw-card:hover::after,
	body.cw-style-eva .cw-casino-card:hover::after { animation: none; }
	.eva-bar i { transition: none; }
	/* 斜紋一律不做位移動畫（會讓某些人不舒服） */
	.eva-hazard { animation: none !important; }
}

/* ---------------------------------------------------------
   13.4 內文裡寫死的顏色（匯入文章的老問題）
   ---------------------------------------------------------
   使用者回報：「我的遊戲介紹文章的字體都是黑色」。

   成因不在主題 —— 主題給的是 `.cw-entry-content { color: #d9dce0 }`。
   是文章內容本身把顏色寫死在 inline style 裡（從 Word／舊站／
   Elementor 匯入時很常見），inline style 權重最高，主題蓋不掉：

       <p style="color: #000000;">…</p>
       <font color="#000000">…</font>

   在淺色風格上看不出問題，一換到近黑底就變成黑底黑字。

   ⚠️ 這裡只處理「常見的深色值」，用 !important 直接蓋掉。
      刻意的紅字綠字（例如警語、推薦）不在清單裡，會被保留。
   ⚠️ 列舉一定會有漏網之魚（例如 #2b2b2b、rgb(20,20,20)）。
      漏掉的那些由 eva.js 的 cw_eva_fix_content_contrast() 在載入後量出來補救 ——
      CSS 負責「不閃爍地擋掉九成」，JS 負責「剩下的一成」。兩層缺一不可。
   --------------------------------------------------------- */
body.cw-style-eva .cw-entry-content [style*="color:#000"],
body.cw-style-eva .cw-entry-content [style*="color: #000"],
body.cw-style-eva .cw-entry-content [style*="color:#111"],
body.cw-style-eva .cw-entry-content [style*="color: #111"],
body.cw-style-eva .cw-entry-content [style*="color:#222"],
body.cw-style-eva .cw-entry-content [style*="color: #222"],
body.cw-style-eva .cw-entry-content [style*="color:#333"],
body.cw-style-eva .cw-entry-content [style*="color: #333"],
body.cw-style-eva .cw-entry-content [style*="color:#444"],
body.cw-style-eva .cw-entry-content [style*="color: #444"],
body.cw-style-eva .cw-entry-content [style*="color:#1a1a1a"],
body.cw-style-eva .cw-entry-content [style*="color: #1a1a1a"],
body.cw-style-eva .cw-entry-content [style*="color:#212529"],
body.cw-style-eva .cw-entry-content [style*="color: #212529"],
body.cw-style-eva .cw-entry-content [style*="color:black"],
body.cw-style-eva .cw-entry-content [style*="color: black"],
body.cw-style-eva .cw-entry-content font[color="#000"],
body.cw-style-eva .cw-entry-content font[color="#000000"],
body.cw-style-eva .cw-entry-content font[color="black"] {
	color: #d9dce0 !important;
}

/* 內文裡寫死的白底區塊：連同它整個換成深色面板，
   不然裡面的淺色字會壓在白底上（這是反過來的同一個問題）。 */
body.cw-style-eva .cw-entry-content [style*="background-color:#fff"],
body.cw-style-eva .cw-entry-content [style*="background-color: #fff"],
body.cw-style-eva .cw-entry-content [style*="background:#fff"],
body.cw-style-eva .cw-entry-content [style*="background: #fff"],
body.cw-style-eva .cw-entry-content [style*="background-color:white"],
body.cw-style-eva .cw-entry-content [style*="background-color: white"] {
	background-color: var(--ev-panel-2) !important;
	border: 1px solid var(--ev-line);
}

/* ---------------------------------------------------------
   13.5 main.css 裡寫死的亮底元件（v1.86.0 全面接管）
   ---------------------------------------------------------
   ⚠️ 這一節是這個風格最容易再出事的地方，先讀完再改。

   main.css 有約 30 處把背景寫成固定的亮色（#fafbfd、#f0faf4…），
   那些是為淺色風格調的。這個風格是近黑底 ＋ 淺色字，只要有一處沒接管，
   就會變成「淺字壓在白底上」整塊看不見。

   v1.85.0 就是這樣漏掉的：`.cw-featurelist li` 是 #fafbfd 白底，
   使用者在遊戲頁看到「遊戲特色」整塊是白磚配看不見的字，
   但七支守門測試全綠 —— 因為那 13 個樣本頁剛好沒有一頁填了「遊戲特色」。

   ⚠️ 所以測試也一起補了：wp2 的 mu-plugin 會產生一頁「元件展示」
      （`/?cw_gallery=1`），把每一個元件都畫出來，
      `tests/eva-contrast.js` 會掃它。改動這一節之後一定要重跑那支。
   --------------------------------------------------------- */

/* 優點／缺點 */
body.cw-style-eva .cw-pros { background: #0d1410; border-color: #1e3a28; }
body.cw-style-eva .cw-cons { background: #150e0e; border-color: #3a2020; }
body.cw-style-eva .cw-pros h3 { color: var(--ev-ok); }
body.cw-style-eva .cw-cons h3 { color: #ff8a83; }

/* 遊戲特色、類型區塊 */
body.cw-style-eva .cw-featurelist li {
	background: var(--ev-panel-2); border-color: var(--ev-line); color: var(--ev-ink);
}
body.cw-style-eva .cw-typeblock {
	background: var(--ev-panel-2); border-color: var(--ev-line); color: var(--ev-ink);
}

/* 分項評分的軌道 */
body.cw-style-eva .cw-subrating-bar { background: #202329; }

/* 空狀態（含後台提示型） */
body.cw-style-eva .cw-empty,
body.cw-style-eva .cw-empty-admin {
	background: #12100b; border-color: var(--ev-line); color: var(--ev-ink);
}
body.cw-style-eva .cw-empty-admin { border-color: #4a3c1c; }
body.cw-style-eva .cw-empty p, body.cw-style-eva .cw-empty-admin p { color: var(--ev-ink); }

/* 縮圖底（沒有圖時會露出來） */
body.cw-style-eva .cw-card-thumb,
body.cw-style-eva .cw-card-thumb-sq,
body.cw-style-eva .cw-postrow-thumb { background: var(--ev-panel-2); }

/* 內文表格的表頭、搜尋標記 */
body.cw-style-eva .cw-entry-content table th { background: #101114; }
body.cw-style-eva mark { background: var(--ev-or); color: #0a0a0a; }

/* 檢視切換的 hover */
body.cw-style-eva .cw-view-btn:hover { background: var(--ev-panel-2); color: var(--ev-ink); }

/* 篩選輸入框聚焦時不要變白底 */
body.cw-style-eva .cw-filter-input:focus { background: #0d0e11; color: var(--ev-ink); }

/* ---------------------------------------------------------
   14. 深底補丁：main.css 裡「假設是亮底」的幾處顏色
   ---------------------------------------------------------
   main.css 的某些元件顏色是針對白底調的，直接搬到近黑底上就會低於
   AA 4.5:1。這一節是 tests/eva-contrast.js 逐頁量出來後才補的，
   ⚠️ 改動這裡之前請先跑那支測試，不要憑感覺調。
   --------------------------------------------------------- */

/* 18+ 圓章：--cw-red(#e1251b) 在頁尾底 #08090a 上只有 4.35:1 */
body.cw-style-eva .cw-footer-badge {
	border-color: #ff4b3e; color: #ff4b3e;
}

/* 留言表單的必填星號：同上，#e1251b 不夠亮 */
body.cw-style-eva .comment-form .required { color: #ff4b3e; }

/* 相關討論的縮圖佔位：main.css 是 #9aa4b2 字 + #eef1f6 亮底，
   在這個風格裡是一塊突兀的白磚，而且字只有 2.23:1 */
body.cw-style-eva .cw-reldisc-thumb { background: var(--ev-panel-2); }
body.cw-style-eva .cw-reldisc-ph {
	background: var(--ev-panel-2); color: var(--ev-ink-2);
}

/* 留言表單輸入框：main.css 給的是 #fafbfd 亮底，但沒設文字色，
   會繼承 body 的 #f2f3f5 —— 使用者打字會變成白底白字，看不見。
   ⚠️ 這個對比測試抓不到（空欄位沒有文字），是肉眼檢查時發現的。 */
body.cw-style-eva .comment-form input[type="text"],
body.cw-style-eva .comment-form input[type="email"],
body.cw-style-eva .comment-form input[type="url"],
body.cw-style-eva .comment-form textarea,
body.cw-style-eva .search-form input[type="search"] {
	background: #0d0e11; color: var(--ev-ink); border-color: var(--ev-line);
}
/* ⚠️ WordPress 預設的留言送出鈕（input.submit）主題兩邊都沒接管：
   字色是瀏覽器預設的深色、背景透明 → 壓在近黑底上只有 1.09:1，整顆看不見。
   （這是加了「表單欄位也要量」之後才抓到的，之前的測試只看文字節點。） */
body.cw-style-eva .comment-form .submit,
body.cw-style-eva .comment-form input[type="submit"] {
	background: var(--ev-or); color: #0a0a0a; border: 1px solid var(--ev-or);
	font-weight: 900; letter-spacing: .08em; padding: 11px 26px; cursor: pointer;
	clip-path: polygon(0 0, 100% 0, 100% 66%, calc(100% - 10px) 100%, 0 100%);
}
body.cw-style-eva .comment-form .submit:hover,
body.cw-style-eva .comment-form input[type="submit"]:hover { background: var(--ev-or-2); }

body.cw-style-eva .comment-form input::placeholder,
body.cw-style-eva .comment-form textarea::placeholder,
body.cw-style-eva .search-form input::placeholder { color: var(--ev-ink-2); }