/* =========================================================
   佈景風格：科技感（v1.25.0）
   深色底＋霓虹青（#22d3ee）×電光紫（#8b5cf6）配色、
   電腦版固定側邊欄導覽、卡片霓虹描邊。
   同一份 HTML、純 CSS 換裝——不動任何模板/資料/後台，SEO 不受影響。
   ========================================================= */

/* ---------- 配色（body 層級覆蓋，凌駕淺色與深色模式變數） ---------- */
body.cw-style-tech {
	--cw-navy: #0a0e1a;
	--cw-navy-2: #111827;
	--cw-gold: #22d3ee;      /* 主強調色：霓虹青 */
	--cw-gold-2: #67e8f9;
	--cw-ink: #dbe4f3;
	--cw-ink-2: #8aa0bf;
	--cw-line: #1d2a44;
	--cw-bg: #070b14;
	--cw-white: #0f1626;
	--cw-green: #34d399;
	--cw-red: #fb7185;
	--cw-radius: 10px;
	--cw-shadow: 0 0 0 1px #16223a, 0 8px 24px rgba(0, 0, 0, .45);
	--cwt-purple: #8b5cf6;
	--cwt-glow: 0 0 14px rgba(34, 211, 238, .28);
	background:
		linear-gradient(rgba(34, 211, 238, .035) 1px, transparent 1px),
		linear-gradient(90deg, rgba(34, 211, 238, .035) 1px, transparent 1px),
		var(--cw-bg);
	background-size: 42px 42px, 42px 42px, auto;
}
/* 科技感自帶深色配色：隱藏深淺切換鈕（避免與固定配色打架） */
body.cw-style-tech .cw-theme-toggle { display: none; }

/* ---------- 文字與連結 ---------- */
body.cw-style-tech a { color: #7dd3fc; }
body.cw-style-tech a:hover { color: var(--cw-gold-2); }
body.cw-style-tech .cw-card-title a,
body.cw-style-tech .cw-casino-card-title a,
body.cw-style-tech .cw-postrow-title a { color: var(--cw-ink); }
body.cw-style-tech h1, body.cw-style-tech h2 { letter-spacing: .5px; }
body.cw-style-tech .cw-section-title {
	position: relative; padding-left: 14px;
}
body.cw-style-tech .cw-section-title::before {
	content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
	width: 4px; height: 1.1em; border-radius: 2px;
	background: linear-gradient(180deg, var(--cw-gold), var(--cwt-purple));
	box-shadow: var(--cwt-glow);
}

/* ---------- 按鈕 ---------- */
body.cw-style-tech .cw-btn-gold {
	background: linear-gradient(135deg, #0891b2, var(--cw-gold));
	color: #04121a; box-shadow: 0 0 0 1px rgba(34, 211, 238, .5), var(--cwt-glow);
}
body.cw-style-tech .cw-btn-gold:hover { color: #000; box-shadow: 0 0 0 1px var(--cw-gold), 0 0 22px rgba(34, 211, 238, .5); }
body.cw-style-tech .cw-btn-outline { border-color: #2dd4bf66; color: #99f6e4; }
body.cw-style-tech .cw-btn-outline:hover { background: rgba(45, 212, 191, .12); color: #ccfbf1; border-color: #2dd4bf; }
body.cw-style-tech .cw-btn-ghost { border-color: rgba(139, 92, 246, .6); color: #c4b5fd; }
body.cw-style-tech .cw-btn-ghost:hover { border-color: var(--cwt-purple); color: #ddd6fe; }
body.cw-style-tech .cw-btn-closed { background: #2a1220; border-color: #7f1d3a; color: #fda4af; }

/* ---------- 卡片：霓虹描邊 ---------- */
body.cw-style-tech .cw-card,
body.cw-style-tech .cw-casino-card,
body.cw-style-tech .cw-panel,
body.cw-style-tech .cw-filter-bar {
	border: 1px solid var(--cw-line);
	background: linear-gradient(180deg, #101a2e 0%, #0d1424 100%);
}
body.cw-style-tech .cw-card:hover {
	transform: translateY(-3px);
	border-color: rgba(34, 211, 238, .55);
	box-shadow: 0 0 0 1px rgba(34, 211, 238, .35), 0 0 20px rgba(34, 211, 238, .18), 0 10px 26px rgba(0, 0, 0, .5);
}
body.cw-style-tech .cw-rank { background: linear-gradient(135deg, var(--cwt-purple), #6d28d9); color: #fff; }
body.cw-style-tech .cw-rank.is-top { background: linear-gradient(135deg, var(--cw-gold), #0891b2); color: #04121a; }
body.cw-style-tech .cw-badge-cash { background: rgba(251, 113, 133, .14); color: #fda4af; }
body.cw-style-tech .cw-badge-line { background: rgba(52, 211, 153, .14); color: #6ee7b7; }
body.cw-style-tech .cw-badge-app { background: rgba(125, 211, 252, .14); color: #7dd3fc; }
body.cw-style-tech .cw-badge-usdt { background: rgba(250, 204, 21, .14); color: #fde047; }
body.cw-style-tech .cw-tag { background: #16223a; color: #9db4d6; }
body.cw-style-tech .cw-tag:hover { background: var(--cw-gold); color: #04121a; }
body.cw-style-tech .cw-card-thumb, body.cw-style-tech .cw-card-thumb-sq { background: #0b1120; }

/* ---------- Hero ---------- */
body.cw-style-tech .cw-hero {
	background:
		radial-gradient(ellipse at 15% -10%, rgba(139, 92, 246, .28) 0%, transparent 55%),
		radial-gradient(ellipse at 85% 0%, rgba(34, 211, 238, .22) 0%, transparent 50%),
		#0a0f1e;
	border-bottom: 1px solid var(--cw-line);
}
body.cw-style-tech .cw-hero-title::after { background: linear-gradient(90deg, var(--cw-gold), var(--cwt-purple)); box-shadow: var(--cwt-glow); }
body.cw-style-tech .cw-hero-stats strong { color: var(--cw-gold-2); text-shadow: 0 0 12px rgba(34, 211, 238, .5); }

/* ---------- 頁首（手機＝頂欄；桌機＝側邊欄） ---------- */
body.cw-style-tech .cw-header { background: #0b1120; border-bottom: 1px solid var(--cw-line); box-shadow: none; }
body.cw-style-tech .cw-site-title { color: #e2e8f0; }
body.cw-style-tech .cw-logo-mark { color: var(--cw-gold); text-shadow: 0 0 10px rgba(34, 211, 238, .6); }
body.cw-style-tech .cw-nav { background: #0d1528; }
body.cw-style-tech .cw-menu a { color: #b7c6de; }
body.cw-style-tech .cw-menu a:hover { background: rgba(34, 211, 238, .1); color: var(--cw-gold-2); }

/* 桌機側邊欄導覽 */
@media (min-width: 1000px) {
	body.cw-style-tech { padding-left: 232px; }
	body.cw-style-tech .cw-header {
		position: fixed; top: 0; left: 0; bottom: 0; width: 232px; z-index: 100;
		border-bottom: 0; border-right: 1px solid var(--cw-line);
		background: linear-gradient(180deg, #0d1528 0%, #0a0f1e 100%);
		overflow-y: auto;
	}
	body.cw-style-tech .cw-header-inner {
		flex-direction: column; align-items: stretch; gap: 6px;
		min-height: 0; padding: 18px 14px; max-width: none;
	}
	body.cw-style-tech .cw-branding { padding: 4px 6px 14px; border-bottom: 1px solid var(--cw-line); margin-bottom: 8px; }
	body.cw-style-tech .cw-nav { display: block; position: static; background: none; box-shadow: none; }
	body.cw-style-tech .cw-menu { display: flex; flex-direction: column; gap: 2px; padding: 0; }
	body.cw-style-tech .cw-menu a {
		display: block; padding: 10px 12px; border-radius: 8px;
		border-left: 2px solid transparent; font-weight: 600;
	}
	body.cw-style-tech .cw-menu a:hover {
		background: rgba(34, 211, 238, .08); color: var(--cw-gold-2);
		border-left-color: var(--cw-gold); box-shadow: inset 0 0 18px rgba(34, 211, 238, .06);
	}
	body.cw-style-tech .cw-menu .sub-menu { padding-left: 12px; }
	/* 側欄佔位後，內容容器沿用原 max-width，自動置中於剩餘空間 */
}

/* ---------- 麵包屑 / 頁尾 ---------- */
body.cw-style-tech .cw-breadcrumbs { background: #0b1120; border-color: var(--cw-line); }
body.cw-style-tech .cw-breadcrumbs a { color: #8aa0bf; }
body.cw-style-tech .cw-breadcrumbs a:hover { color: var(--cw-gold-2); }
body.cw-style-tech .cw-breadcrumbs [aria-current] { color: var(--cw-ink); }
body.cw-style-tech .cw-footer { background: #0a0f1e; border-top: 1px solid var(--cw-line); }

/* ---------- 表單 / 篩選 ---------- */
body.cw-style-tech .cw-filter-select,
body.cw-style-tech .cw-filter-input { background: #0b1120; color: var(--cw-ink); border-color: var(--cw-line); }
body.cw-style-tech .cw-filter-submit { background: var(--cw-gold); color: #04121a; border-color: var(--cw-gold); }
body.cw-style-tech .cw-view-btn.is-active { background: linear-gradient(135deg, #0891b2, var(--cw-gold)); color: #04121a; }
body.cw-style-tech .cw-view-btn:hover { background: #16223a; }

/* ---------- 內文閱讀區：維持淺色紙面（護眼與可讀性優先） ---------- */
body.cw-style-tech .cw-entry-content { background: #f6f8fc; color: #1f2634; padding: 16px 18px; border-radius: 10px; }
body.cw-style-tech .cw-entry-content a { color: #0e63c0; }
body.cw-style-tech .cw-panel .cw-entry-content { padding: 0; background: transparent; }
body.cw-style-tech .cw-panel:has(.cw-entry-content) { background: #f6f8fc; color: #1f2634; border-color: #d7deea; }

/* ---------- 其他元件 ---------- */
body.cw-style-tech .cw-backtop { background: linear-gradient(135deg, #0891b2, var(--cw-gold)); color: #04121a; box-shadow: var(--cwt-glow); }
body.cw-style-tech .cw-play-bar { background: #0d1528; border-top: 1px solid var(--cw-line); box-shadow: 0 -4px 20px rgba(0, 0, 0, .5); }
body.cw-style-tech .cw-sidelist-score { color: var(--cw-gold-2); }
body.cw-style-tech .cw-casino-hero { background: linear-gradient(135deg, #0d1528 0%, #101a33 100%); border-bottom: 1px solid var(--cw-line); }
body.cw-style-tech .cw-checkmark { border-color: var(--cw-green); }
body.cw-style-tech .cw-faq-item { background: #101a2e; border-color: var(--cw-line); }
body.cw-style-tech .cw-thumb-ph { background: linear-gradient(135deg, #16223a, #0b1120); color: var(--cw-gold-2); }
body.cw-style-tech .cw-autoload-spinner { border-color: var(--cw-line); border-top-color: var(--cw-gold); }
body.cw-style-tech .cw-pagination-hidden a, body.cw-style-tech .page-numbers { color: #9db4d6; }

/* =========================================================
   v1.26.0 科技感 全新排版布局（templates/tech/ 專用元件）
   ========================================================= */

/* ---------- 共用：mono 小字前綴 / 區塊標題 / 區塊間距 ---------- */
.cwt-kicker {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
	font-size: 12px; letter-spacing: 2px; text-transform: uppercase;
	color: var(--cw-gold); opacity: .75; margin: 0 0 10px;
}
.cwt-section { padding: 26px 0; }
@media (min-width: 900px) { .cwt-section { padding: 34px 0; } }
.cwt-head {
	display: flex; justify-content: space-between; align-items: center; gap: 12px;
	margin: 0 0 16px; padding-bottom: 10px; border-bottom: 1px solid var(--cw-line); position: relative;
}
.cwt-head::after {
	content: ""; position: absolute; left: 0; bottom: -1px; width: 120px; height: 2px;
	background: linear-gradient(90deg, var(--cw-gold), var(--cwt-purple), transparent);
	box-shadow: var(--cwt-glow);
}
.cwt-h { margin: 0; font-size: 20px; color: var(--cw-ink); letter-spacing: .5px; }
@media (min-width: 900px) { .cwt-h { font-size: 24px; } }
.cwt-h-deco { color: var(--cw-gold); font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .75em; vertical-align: 2px; }
.cwt-more { font-size: 13px; color: var(--cw-gold-2); white-space: nowrap; }
.cwt-block { margin: 0 0 28px; }
.cwt-block-title { margin: 0 0 14px; font-size: 19px; color: var(--cw-ink); position: relative; padding-left: 13px; }
@media (min-width: 900px) { .cwt-block-title { font-size: 22px; } }
.cwt-block-title::before {
	content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%);
	width: 4px; height: 1.05em; border-radius: 2px;
	background: linear-gradient(180deg, var(--cw-gold), var(--cwt-purple)); box-shadow: var(--cwt-glow);
}

/* ---------- 首頁：指揮中心 ---------- */
.cwt-cmd {
	padding: 40px 0 32px; border-bottom: 1px solid var(--cw-line); position: relative;
	background:
		radial-gradient(ellipse at 10% -20%, rgba(139, 92, 246, .25) 0%, transparent 55%),
		radial-gradient(ellipse at 90% 10%, rgba(34, 211, 238, .18) 0%, transparent 50%),
		#0a0f1e;
}
.cwt-cmd::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, var(--cw-gold), transparent); opacity: .55; }
.cwt-cmd-title {
	margin: 0 0 10px; font-size: 30px; line-height: 1.25; letter-spacing: 1px;
	background: linear-gradient(92deg, #eef4ff 30%, var(--cw-gold-2) 75%, var(--cwt-purple) 100%);
	-webkit-background-clip: text; background-clip: text; color: transparent;
}
@media (min-width: 900px) { .cwt-cmd { padding: 54px 0 44px; } .cwt-cmd-title { font-size: 40px; } }
.cwt-cmd-sub { color: #9db4d6; max-width: 600px; margin: 0 0 18px; font-size: 15px; }
.cwt-cmd-actions { display: flex; gap: 10px; flex-wrap: wrap; margin: 0 0 22px; }
.cwt-stats { list-style: none; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 0; padding: 0; max-width: 620px; }
.cwt-stat { border: 1px solid var(--cw-line); border-radius: 10px; padding: 12px 14px; background: rgba(11, 17, 32, .72); position: relative; overflow: hidden; }
.cwt-stat::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: linear-gradient(90deg, var(--cw-gold), transparent); opacity: .7; }
.cwt-stat strong { display: block; font-size: 22px; color: var(--cw-gold-2); text-shadow: 0 0 12px rgba(34, 211, 238, .5); font-family: ui-monospace, Menlo, Consolas, monospace; }
@media (min-width: 900px) { .cwt-stat strong { font-size: 28px; } }
.cwt-stat span { font-size: 12px; color: #8aa0bf; }

/* ---------- 最新遊戲跑馬燈 ---------- */
.cwt-ticker { display: flex; align-items: stretch; background: #0b1120; border-bottom: 1px solid var(--cw-line); overflow: hidden; }
.cwt-ticker-label {
	display: flex; align-items: center; padding: 0 14px; flex: none;
	font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 12px; font-weight: 700; letter-spacing: 2px;
	color: #04121a; background: linear-gradient(135deg, #0891b2, var(--cw-gold)); box-shadow: var(--cwt-glow);
}
.cwt-ticker-clip { overflow: hidden; flex: 1; }
.cwt-ticker-track { display: flex; width: max-content; animation: cwt-marquee 45s linear infinite; }
.cwt-ticker:hover .cwt-ticker-track { animation-play-state: paused; }
.cwt-ticker-group { display: flex; flex: none; }
.cwt-ticker-item { display: inline-flex; align-items: center; gap: 7px; padding: 10px 18px; white-space: nowrap; font-size: 13px; color: #b7c6de; }
.cwt-ticker-item:hover { color: var(--cw-gold-2); }
.cwt-ticker-name { font-weight: 600; }
.cwt-ticker-venue { color: var(--cw-gold-2); opacity: .65; font-size: 12px; }
/* 熱門／最新標籤：文字色塊（不用 emoji——手機會當圖案繪製、CSS 上不了色） */
.cwt-ticker-tag {
	font-size: 11px; font-weight: 800; line-height: 1; letter-spacing: .5px;
	padding: 4px 7px; border-radius: 5px; flex: none;
}
.cwt-ticker-tag.is-new { background: rgba(52, 211, 153, .16); color: #6ee7b7; box-shadow: inset 0 0 0 1px rgba(52, 211, 153, .35); }
.cwt-ticker-tag.is-hot { background: rgba(251, 113, 133, .16); color: #fda4af; box-shadow: inset 0 0 0 1px rgba(251, 113, 133, .35); }
.cwt-ticker-label i { font-style: normal; opacity: .6; margin: 0 2px; }
@keyframes cwt-marquee { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
	.cwt-ticker-track { animation: none; }
	.cwt-ticker-clip { overflow-x: auto; }
}

/* ---------- 首頁：Bento 排行儀表板 ---------- */
.cwt-bento { display: grid; gap: 12px; margin: 0 0 12px; }
@media (min-width: 900px) {
	.cwt-bento { grid-template-columns: 3fr 2fr; }
	.cwt-bento-side { display: flex; flex-direction: column; gap: 12px; }
	.cwt-bento-side .cwt-mini { flex: 1; }
}
.cwt-champ {
	position: relative; height: 100%; padding: 18px; border-radius: 12px;
	border: 1px solid rgba(34, 211, 238, .45);
	background: linear-gradient(160deg, rgba(34, 211, 238, .09), rgba(139, 92, 246, .09)), #0f1626;
	box-shadow: 0 0 24px rgba(34, 211, 238, .14);
	display: flex; flex-direction: column; gap: 14px;
}
.cwt-champ::before, .cwt-champ::after {
	content: ""; position: absolute; width: 22px; height: 22px; border: 2px solid var(--cw-gold); opacity: .8;
}
.cwt-champ::before { top: -1px; left: -1px; border-right: 0; border-bottom: 0; border-radius: 12px 0 0 0; }
.cwt-champ::after { bottom: -1px; right: -1px; border-left: 0; border-top: 0; border-radius: 0 0 12px 0; }
.cwt-champ-flag {
	margin: 0; font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 12px; letter-spacing: 3px;
	color: var(--cw-gold); text-shadow: 0 0 10px rgba(34, 211, 238, .5);
}
.cwt-champ-body { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; flex: 1; }
.cwt-champ-logo {
	width: 84px; height: 84px; flex: none; display: flex; align-items: center; justify-content: center;
	background: #0b1120; border: 1px solid var(--cw-line); border-radius: 12px; overflow: hidden;
}
.cwt-champ-logo img, .cwt-mini-logo img, .cwt-row-logo img, .cwt-playcell-logo img, .cwt-hud-logo img { width: 100%; height: 100%; object-fit: contain; }
.cwt-champ-main { flex: 1; min-width: 200px; }
.cwt-champ-title { margin: 0 0 8px; font-size: 21px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cwt-champ-title a { color: var(--cw-ink); }
.cwt-champ-bonus { margin: 0 0 4px; color: var(--cw-gold-2); font-weight: 600; }
.cwt-champ-payout { margin: 0 0 8px; color: #8aa0bf; font-size: 13px; }
.cwt-champ-pros { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.cwt-champ-pros li { font-size: 13px; color: #c6d2e6; padding-left: 18px; position: relative; }
.cwt-champ-pros li::before { content: "▸"; position: absolute; left: 2px; color: var(--cw-green); }
.cwt-champ-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.cwt-champ-actions .cw-btn { flex: 1; text-align: center; }

/* 評分環（conic-gradient；--p = 百分比） */
.cwt-ring-wrap { flex: none; }
.cwt-ring {
	--p: 0;
	position: relative; width: 92px; height: 92px; border-radius: 50%; flex: none;
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	background: conic-gradient(var(--cw-gold) calc(var(--p) * 1%), #1d2a44 0);
	box-shadow: 0 0 18px rgba(34, 211, 238, .35);
}
.cwt-ring::before { content: ""; position: absolute; inset: 7px; border-radius: 50%; background: #0b1120; }
.cwt-ring strong { position: relative; font-size: 25px; line-height: 1.1; color: #eef4ff; font-family: ui-monospace, Menlo, Consolas, monospace; }
.cwt-ring span { position: relative; font-size: 11px; color: #8aa0bf; }

/* 亞軍／季軍小磁磚 */
.cwt-mini {
	display: grid; grid-template-columns: auto auto 1fr; gap: 12px; align-items: center;
	padding: 14px; border: 1px solid var(--cw-line); border-radius: 12px;
	background: linear-gradient(180deg, #101a2e 0%, #0d1424 100%);
}
.cwt-mini-logo {
	width: 56px; height: 56px; flex: none; display: flex; align-items: center; justify-content: center;
	background: #0b1120; border-radius: 10px; overflow: hidden;
}
.cwt-mini-title { margin: 0 0 6px; font-size: 16px; }
.cwt-mini-title a { color: var(--cw-ink); }
.cwt-mini-bonus { margin: 6px 0 0; font-size: 13px; color: var(--cw-gold-2); }

/* ---------- 排行榜列 ---------- */
.cwt-rows { display: flex; flex-direction: column; gap: 10px; }
.cwt-row {
	display: grid; grid-template-columns: auto auto 1fr; gap: 6px 14px; align-items: center;
	padding: 14px; border: 1px solid var(--cw-line); border-radius: 12px;
	background: linear-gradient(90deg, #101a2e 0%, #0d1424 100%);
	transition: border-color .15s ease, box-shadow .15s ease;
}
.cwt-row:hover { border-color: rgba(34, 211, 238, .5); box-shadow: 0 0 0 1px rgba(34, 211, 238, .25), 0 0 16px rgba(34, 211, 238, .12); }
.cwt-row.is-top { border-color: rgba(34, 211, 238, .45); }
.cwt-row-rank {
	font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 20px; font-weight: 700;
	color: #46608a; min-width: 30px; text-align: center;
}
.cwt-row.is-top .cwt-row-rank, .cwt-mini .cwt-row-rank { color: var(--cw-gold); text-shadow: 0 0 12px rgba(34, 211, 238, .55); }
.cwt-row-logo {
	width: 56px; height: 56px; flex: none; display: flex; align-items: center; justify-content: center;
	background: #0b1120; border-radius: 10px; overflow: hidden;
}
.cwt-row-title { margin: 0 0 6px; font-size: 16px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.cwt-row-title a { color: var(--cw-ink); }
.cwt-row-meter { display: flex; align-items: center; gap: 8px; }
.cwt-row-score { color: var(--cw-gold-2); font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 15px; }
.cwt-row-max { color: #8aa0bf; font-size: 12px; }
.cwt-row-bonus { margin: 6px 0 0; font-size: 13px; color: var(--cw-gold-2); }
.cwt-row-payout { margin: 3px 0 0; font-size: 12px; color: #8aa0bf; }
.cwt-row-actions { grid-column: 1 / -1; display: flex; gap: 8px; margin-top: 4px; }
.cwt-row-actions .cw-btn { flex: 1; text-align: center; padding: 9px 12px; font-size: 13px; }
@media (min-width: 900px) {
	.cwt-row { grid-template-columns: 44px 56px 1fr auto; padding: 14px 18px; }
	.cwt-row-actions { grid-column: auto; margin-top: 0; flex-direction: column; min-width: 128px; }
	.cwt-row-actions .cw-btn { flex: none; }
}

/* 評分能量條 */
.cwt-meter {
	display: inline-block; flex: 1; max-width: 220px; height: 8px; border-radius: 999px;
	background: #16223a; overflow: hidden; position: relative;
}
.cwt-meter-fill {
	display: block; height: 100%; border-radius: 999px;
	background: linear-gradient(90deg, var(--cw-gold), var(--cwt-purple));
	box-shadow: 0 0 10px rgba(34, 211, 238, .5);
}

/* ---------- 磁磚牆 / 橫向滑軌 ---------- */
.cwt-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; }
@media (min-width: 900px) { .cwt-tiles { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); } }
.cwt-tiles-lg { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
@media (min-width: 900px) { .cwt-tiles-lg { grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); } }
.cwt-tile {
	position: relative; border: 1px solid var(--cw-line); border-radius: 10px; overflow: hidden;
	background: #0b1120; transition: transform .15s ease, border-color .15s ease, box-shadow .15s ease;
}
.cwt-tile:hover {
	transform: translateY(-3px); border-color: rgba(34, 211, 238, .55);
	box-shadow: 0 0 0 1px rgba(34, 211, 238, .35), 0 0 18px rgba(34, 211, 238, .18);
}
.cwt-tile .cw-card-badge { z-index: 3; }
.cwt-tile-link { display: block; color: inherit; }
.cwt-tile-thumb { display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; overflow: hidden; background: #0b1120; }
.cwt-tile-thumb img { height: 100%; width: auto; max-width: none; flex: none; }
.cwt-tile-thumb .cw-thumb-ph { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 34px; }
/* 懸停時一道斜光掃過圖片（v1.43.1；與標準／鄉村風同一套效果，
   科技風的磁磚用自己的 class，所以在這裡對應一次） */
.cwt-tile-thumb { position: relative; }
.cwt-tile-thumb::after {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background: linear-gradient(115deg, transparent 34%, rgba(255,255,255,.28) 50%, transparent 66%);
	transform: translateX(-130%);
	transition: transform .7s cubic-bezier(.22,.61,.36,1);
}
.cwt-tile:hover .cwt-tile-thumb::after { transform: translateX(130%); }
@media (prefers-reduced-motion: reduce) { .cwt-tile-thumb::after { display: none; } }

.cwt-tile-info {
	position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding: 26px 10px 9px;
	background: linear-gradient(transparent, rgba(4, 8, 16, .94) 60%);
}
.cwt-tile-name { margin: 0; font-size: 13px; font-weight: 700; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cwt-tile-meta { display: block; font-size: 11px; color: #9db4d6; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 2px; }

.cwt-rail {
	display: grid; grid-auto-flow: column; grid-auto-columns: minmax(150px, 44%);
	gap: 12px; overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: 12px;
	scrollbar-color: #22d3ee66 #0b1120;
}
@media (min-width: 700px) { .cwt-rail { grid-auto-columns: 190px; } .cwt-rail-venues { grid-auto-columns: 215px; } }
.cwt-rail > .cwt-tile { scroll-snap-align: start; }
.cwt-rail::-webkit-scrollbar { height: 8px; }
.cwt-rail::-webkit-scrollbar-track { background: #0b1120; border-radius: 999px; }
.cwt-rail::-webkit-scrollbar-thumb { background: linear-gradient(90deg, var(--cw-gold), var(--cwt-purple)); border-radius: 999px; }

/* ---------- 終端機文章列表 ---------- */
.cwt-log { display: flex; flex-direction: column; gap: 8px; }
.cwt-log-row {
	display: flex; gap: 10px; align-items: baseline; padding: 12px 14px;
	border: 1px solid var(--cw-line); border-left: 3px solid transparent; border-radius: 8px;
	background: #0d1424; transition: border-color .15s ease, background .15s ease;
}
.cwt-log-row:hover { border-left-color: var(--cw-gold); background: #101a2e; }
.cwt-log-date { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: 12px; color: var(--cw-gold-2); flex: none; }
.cwt-log-arrow { color: var(--cwt-purple); flex: none; }
.cwt-log-title { margin: 0; font-size: 15px; font-weight: 600; color: var(--cw-ink); }
.cwt-log-row:hover .cwt-log-title { color: var(--cw-gold-2); }
@media (max-width: 480px) { .cwt-log-row { flex-wrap: wrap; } .cwt-log-title { flex-basis: 100%; } }

/* ---------- 列表頁（排行 / 磁磚牆） ---------- */
.cwt-page-header { margin-bottom: 20px; }
.cwt-board .cwt-row-rank { font-size: 22px; }

/* ---------- 詳情頁 HUD 頭部 ---------- */
.cwt-hud {
	position: relative; padding: 26px 0 22px; border-bottom: 1px solid var(--cw-line);
	background:
		radial-gradient(ellipse at 12% -20%, rgba(139, 92, 246, .24) 0%, transparent 55%),
		radial-gradient(ellipse at 88% 0%, rgba(34, 211, 238, .18) 0%, transparent 50%),
		#0a0f1e;
}
.cwt-hud::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background: linear-gradient(90deg, transparent, var(--cw-gold), transparent); opacity: .55; }
.cwt-hud-top { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; margin: 0 0 16px; }
.cwt-hud-logo {
	width: 88px; height: 88px; flex: none; display: flex; align-items: center; justify-content: center;
	background: #0b1120; border: 1px solid var(--cw-line); border-radius: 14px; overflow: hidden;
}
.cwt-hud-cover {
	width: 128px; height: 128px; flex: none; display: flex; align-items: center; justify-content: center;
	background: #0b1120; border: 1px solid rgba(34, 211, 238, .45); border-radius: 14px; overflow: hidden;
	box-shadow: 0 0 18px rgba(34, 211, 238, .18);
}
.cwt-hud-cover img { height: 100%; width: auto; max-width: none; flex: none; }
.cwt-hud-cover .cw-thumb-ph { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 40px; }
.cwt-hud-main { flex: 1; min-width: 230px; }
.cwt-hud-title { margin: 0 0 8px; font-size: 24px; color: #eef4ff; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
@media (min-width: 900px) { .cwt-hud-title { font-size: 30px; } }
.cwt-hud-bonus { margin: 0 0 10px; color: var(--cw-gold-2); font-weight: 600; }
.cwt-hud-cta { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 10px; }
.cwt-hud-subs { display: grid; gap: 8px 18px; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); margin: 0 0 14px; }
.cwt-hud-sub { display: grid; grid-template-columns: 60px 1fr auto; align-items: center; gap: 10px; font-size: 13px; }
.cwt-hud-sub-label { color: #9db4d6; }
.cwt-hud-sub-val { color: var(--cw-gold-2); font-family: ui-monospace, Menlo, Consolas, monospace; }

/* 規格數據磚 */
.cwt-specs { display: grid; grid-template-columns: repeat(auto-fill, minmax(104px, 1fr)); gap: 8px; }
.cwt-specs-wide { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.cwt-spec {
	border: 1px solid var(--cw-line); border-radius: 10px; padding: 10px 12px;
	background: rgba(11, 17, 32, .82); display: flex; flex-direction: column; gap: 4px; min-width: 0;
}
.cwt-spec-k { font-size: 11px; color: #8aa0bf; letter-spacing: .5px; }
.cwt-spec-v { font-size: 15px; color: var(--cw-gold-2); overflow-wrap: anywhere; }

/* ---------- 詳情頁主體（單欄） ---------- */
.cwt-single-body { padding-top: 24px; padding-bottom: 44px; }
.cwt-paper { background: #f6f8fc; color: #1f2634; border: 1px solid #d7deea; border-radius: 12px; padding: 18px; }
@media (min-width: 900px) { .cwt-paper { padding: 26px 30px; } }
.cwt-paper .cwt-block-title { color: #101725; }
.cwt-paper .cw-entry-content { background: transparent; padding: 0; }

/* 優缺點雙欄 */
.cwt-proscons { display: grid; gap: 12px; }
@media (min-width: 700px) { .cwt-proscons { grid-template-columns: 1fr 1fr; } }
.cwt-pros, .cwt-cons { border-radius: 12px; padding: 14px 16px; }
.cwt-pros { border: 1px solid rgba(52, 211, 153, .38); background: rgba(52, 211, 153, .06); }
.cwt-cons { border: 1px solid rgba(251, 113, 133, .38); background: rgba(251, 113, 133, .06); }
.cwt-pros h3 { margin: 0 0 8px; font-size: 15px; color: #6ee7b7; }
.cwt-cons h3 { margin: 0 0 8px; font-size: 15px; color: #fda4af; }
.cwt-pros ul, .cwt-cons ul { margin: 0; padding-left: 18px; }
.cwt-pros li, .cwt-cons li { font-size: 14px; color: #c6d2e6; margin: 4px 0; }

/* 遊戲類別格 */
.cwt-typegrid { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); }
.cwt-typecell { border: 1px solid var(--cw-line); border-radius: 12px; padding: 14px 16px; background: linear-gradient(180deg, #101a2e 0%, #0d1424 100%); }
.cwt-typecell-title { margin: 0; font-size: 15px; display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
.cwt-typecell-title a { color: var(--cw-gold-2); }
.cwt-typecell-count { font-size: 12px; color: #8aa0bf; font-weight: 400; white-space: nowrap; }
.cwt-typecell-venues { margin: 10px 0 0; display: flex; flex-wrap: wrap; gap: 6px; }

/* 哪裡可以玩：格狀娛樂城卡 */
.cwt-playgrid { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); }
.cwt-playcell {
	display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center;
	padding: 14px 10px; border: 1px solid var(--cw-line); border-radius: 12px;
	background: linear-gradient(180deg, #101a2e 0%, #0d1424 100%);
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.cwt-playcell:hover { transform: translateY(-3px); border-color: rgba(34, 211, 238, .55); box-shadow: 0 0 0 1px rgba(34, 211, 238, .3), 0 0 16px rgba(34, 211, 238, .15); }
.cwt-playcell-logo { width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; background: #0b1120; border-radius: 10px; overflow: hidden; }
.cwt-playcell-name { color: var(--cw-ink); font-weight: 700; font-size: 14px; }

/* 深色底下的遊戲特色清單（標準版是淺色卡） */
body.cw-style-tech .cw-featurelist li { background: #101a2e; border-color: var(--cw-line); color: var(--cw-ink); }

/* 縮圖佔位在深色磁磚裡的字色 */
body.cw-style-tech .cw-thumb-ph { color: var(--cw-gold-2); }

/* =========================================================
   v1.26.1 調整
   ========================================================= */

/* A. 首頁指揮中心：桌機把數據卡移到標題右側 */
.cwt-cmd-grid { display: grid; gap: 20px; }
@media (min-width: 900px) {
	.cwt-cmd-grid { grid-template-columns: minmax(0, 1fr) 260px; align-items: center; gap: 34px; }
	.cwt-cmd-grid .cwt-stats { grid-template-columns: 1fr; max-width: none; }
	.cwt-cmd-grid .cwt-stat { display: flex; align-items: baseline; gap: 10px; }
	.cwt-cmd-grid .cwt-stat strong { font-size: 26px; }
}
.cwt-cmd-actions { margin-bottom: 0; }

/* B. 首頁 2/3 名：補上閱讀評測／前往官網 */
.cwt-mini { grid-template-columns: auto auto minmax(0, 1fr); }
.cwt-mini-actions { grid-column: 1 / -1; display: flex; gap: 8px; }
.cwt-mini-actions .cw-btn { flex: 1; text-align: center; }
@media (min-width: 900px) {
	.cwt-mini { grid-template-columns: auto auto minmax(0, 1fr) auto; align-items: center; }
	.cwt-mini-actions { grid-column: auto; flex-direction: column; min-width: 112px; }
	.cwt-mini-actions .cw-btn { flex: none; }
}

/* C. 娛樂城詳情頁：官網按鈕位置（手機＝評分環右側、桌機＝資訊列最右） */
.cwt-hud-score { display: flex; align-items: center; gap: 14px; flex: 1 1 100%; }
.cwt-hud-score .cwt-cta-mobile { flex: 1; display: flex; }
.cwt-hud-score .cwt-cta-mobile .cw-btn { flex: 1; text-align: center; }
.cwt-cta-desktop { display: none; }
@media (min-width: 900px) {
	.cwt-hud-score { flex: none; }
	.cwt-hud-score .cwt-cta-mobile { display: none; }
	.cwt-hud-foot { display: flex; align-items: stretch; gap: 12px; }
	.cwt-hud-foot .cwt-specs { flex: 1; }
	.cwt-cta-desktop { display: flex; align-items: center; flex: none; }
	.cwt-cta-desktop .cw-btn { white-space: nowrap; }
}

/* D/F. 沒有名次的排行列：欄位數少一欄，避免按鈕被撐寬 */
.cwt-row-norank { grid-template-columns: auto minmax(0, 1fr); }
@media (min-width: 900px) {
	.cwt-row-norank { grid-template-columns: 56px minmax(0, 1fr) auto; }
}

/* E. 遊戲類型：長方形磁磚（3:2 橫幅） */
.cwt-tile-wide .cwt-tile-thumb { aspect-ratio: 3 / 2; }
.cwt-tile-wide .cwt-tile-thumb img { width: 100%; height: 100%; object-fit: cover; flex: 1 1 auto; max-width: 100%; }

/* G. 手機：哪裡可以玩移到最下方（同場館其他遊戲之後） */
@media (max-width: 899px) {
	.cwt-single-body { display: flex; flex-direction: column; }
	.cwt-single-body > .cwt-playblock { order: 9; }
}

/* =========================================================
   v1.26.2 調整
   ========================================================= */

/* 1. 麵包屑：加大上下內距與下方留白，與內容拉開距離 */
body.cw-style-tech .cw-breadcrumbs { margin-bottom: 14px; }
body.cw-style-tech .cw-breadcrumbs ol { padding: 14px 0; }
@media (min-width: 900px) {
	body.cw-style-tech .cw-breadcrumbs { margin-bottom: 18px; }
	body.cw-style-tech .cw-breadcrumbs ol { padding: 16px 0; }
}

/* 2. 首頁冠軍磁磚：手機把評分環縮小並移到 LOGO 同一行右側（不再獨佔一整列） */
@media (max-width: 699px) {
	.cwt-champ-body { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; }
	.cwt-champ-logo { grid-column: 1; grid-row: 1; width: 68px; height: 68px; }
	.cwt-champ .cwt-ring-wrap { grid-column: 3; grid-row: 1; }
	.cwt-champ-main { grid-column: 1 / -1; grid-row: 2; min-width: 0; }
	.cwt-champ .cwt-ring { width: 68px; height: 68px; }
	.cwt-champ .cwt-ring::before { inset: 6px; }
	.cwt-champ .cwt-ring strong { font-size: 19px; }
	.cwt-champ .cwt-ring span { font-size: 10px; }
	.cwt-champ-title { font-size: 19px; }
}

/* =========================================================
   v1.27.0 科技感：手機抽屜選單（由右側滑入）
   ========================================================= */
@media (max-width: 899px) {
	/* 抽屜本體：常駐 DOM，用 transform 控制滑入滑出（display 切換無法做動畫） */
	body.cw-style-tech .cw-nav {
		display: block; position: fixed; top: 0; right: 0; left: auto; bottom: 0;
		width: min(78vw, 320px); max-width: 100%;
		z-index: 120; overflow-y: auto; overscroll-behavior: contain;
		padding: 74px 14px calc(24px + env(safe-area-inset-bottom));
		background: linear-gradient(180deg, #0d1528 0%, #0a0f1e 100%);
		border-left: 1px solid var(--cw-line);
		box-shadow: -14px 0 34px rgba(0, 0, 0, .55);
		transform: translateX(100%); visibility: hidden;
		transition: transform .3s cubic-bezier(.22, .61, .36, 1), visibility .3s;
	}
	body.cw-style-tech .cw-nav.is-open { transform: translateX(0); visibility: visible; }
	body.cw-style-tech .cw-menu { padding: 0; display: flex; flex-direction: column; gap: 2px; }
	body.cw-style-tech .cw-menu a {
		padding: 13px 14px; border-radius: 8px; font-weight: 600;
		border-left: 2px solid transparent;
	}
	body.cw-style-tech .cw-menu a:hover,
	body.cw-style-tech .cw-menu a:focus-visible {
		background: rgba(34, 211, 238, .08); color: var(--cw-gold-2);
		border-left-color: var(--cw-gold); box-shadow: inset 0 0 18px rgba(34, 211, 238, .06);
	}
	body.cw-style-tech .cw-menu .sub-menu { padding-left: 12px; }

	/* 遮罩：點擊即關閉（由既有的 document click 處理） */
	body.cw-style-tech .cw-nav-backdrop {
		display: block; position: fixed; inset: 0; z-index: 110;
		background: rgba(4, 8, 16, .62); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
		opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s;
	}
	body.cw-style-tech:has(.cw-nav.is-open) .cw-nav-backdrop { opacity: 1; visibility: visible; }

	/* 關閉方式＝原地把漢堡鈕變成 ✕（浮在抽屜右上角）
	 * ⚠️ .cw-header 是 sticky+z-index、自成堆疊環境：
	 *   1) 必須整個 header 提到遮罩之上（只調 .cw-nav-toggle 無效）
	 *   2) header 內部再讓 ✕ 疊在抽屜之上（抽屜是 DOM 後面的兄弟元素，預設會蓋住按鈕） */
	body.cw-style-tech:has(.cw-nav.is-open) .cw-header { z-index: 130; }
	body.cw-style-tech .cw-nav { z-index: 1; }
	body.cw-style-tech .cw-nav-toggle { position: relative; z-index: 5; }
	body.cw-style-tech .cw-nav-toggle[aria-expanded="true"] span { background: var(--cw-gold-2); }
	/* 抽屜開啟時鎖住背景捲動 */
	body.cw-style-tech.cw-nav-open { overflow: hidden; }
}
@media (max-width: 899px) and (prefers-reduced-motion: reduce) {
	body.cw-style-tech .cw-nav,
	body.cw-style-tech .cw-nav-backdrop { transition: none; }
}

/* ---------- LOGO 底色（v1.28.0；科技感） ----------
 * 深色底用比卡片更深一階的藍黑，淺色底維持白底讓深色 LOGO 清楚。 */
body.cw-style-tech .cw-logo-bg-dark { background: #0a1020; box-shadow: inset 0 0 0 1px rgba(34, 211, 238, .18); }
body.cw-style-tech .cw-logo-bg-light { background: #fff; }