MediaWiki:Common.css：修訂間差異

2026年10月12日 (一) 03:09的版本

/* 災厄繁中 Wiki 全站樣式
   首頁區塊（cz-*）自帶深色配色，不受白天／夜間模式影響，仿官方災厄 Wiki 的深色風格。 */

:root {
	--cz-bg: #15121f;
	--cz-panel: #1f1a2e;
	--cz-panel-2: #2a2340;
	--cz-line: #3d3358;
	--cz-ink: #ece8f5;
	--cz-muted: #a99fc2;
	--cz-accent: #e2543a;      /* 硫火紅 */
	--cz-gold: #e8b64c;        /* 金源金 */
	--cz-astral: #5fc3d8;      /* 星界青 */
}

/* 首頁不顯示「首頁」大標題 */
body.page-首頁 .mw-first-heading,
body.page-首頁 #siteSub,
body.page-首頁 .vector-page-titlebar { display: none; }

.cz-main {
	background: var(--cz-bg);
	color: var(--cz-ink);
	border-radius: 10px;
	padding: 24px clamp(14px, 3vw, 32px) 28px;
	display: grid;
	gap: 22px;
}
.cz-main a { color: var(--cz-gold); }
.cz-main a:visited { color: #d6a548; }
.cz-main a.new { color: #e08a7a; }

.cz-hero {
	border-radius: 8px;
	padding: 26px 22px;
	background:
		radial-gradient(120% 140% at 0% 0%, rgba(226, 84, 58, .35) 0%, transparent 55%),
		radial-gradient(90% 120% at 100% 100%, rgba(95, 195, 216, .22) 0%, transparent 60%),
		var(--cz-panel);
	border: 1px solid var(--cz-line);
}
.cz-hero-title { font-size: clamp(1.8em, 4vw, 2.4em); font-weight: 700; letter-spacing: .04em; line-height: 1.2; }
.cz-hero-sub { color: var(--cz-muted); margin-top: 6px; }
.cz-hero-stats { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 14px; font-size: .92em; color: var(--cz-muted); }
.cz-hero-stats b { color: var(--cz-gold); font-variant-numeric: tabular-nums; }

.cz-search .mw-inputbox-centered { margin: 0; text-align: left; }
.cz-search form { display: flex; gap: 8px; align-items: stretch; flex-wrap: wrap; }
.cz-search form br,
.cz-search input[name="fulltext"] { display: none; }
.cz-search .cdx-text-input { flex: 1 1 260px; min-width: 0; }
.cz-search .cdx-text-input__input {
	width: 100%; box-sizing: border-box; min-height: 40px; font-size: 1em;
	background: var(--cz-panel); color: var(--cz-ink); border: 1px solid var(--cz-line); border-radius: 6px;
}
.cz-search .cdx-text-input__input::placeholder { color: var(--cz-muted); }
.cz-search input[name="go"] {
	min-height: 40px; padding: 0 20px; border-radius: 6px; border: 0; cursor: pointer;
	background: var(--cz-accent); color: #fff; font-weight: 700;
}

.cz-section-title {
	font-size: 1.15em; font-weight: 700; margin: 0 0 10px;
	padding-left: 10px; border-left: 3px solid var(--cz-accent);
}

.cz-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; }
.cz-card {
	background: var(--cz-panel); border: 1px solid var(--cz-line); border-radius: 8px;
	padding: 14px 16px; display: grid; gap: 4px; align-content: start;
}
.cz-card:hover { border-color: var(--cz-accent); }
.cz-card-title { font-size: 1.1em; font-weight: 700; }
.cz-card-desc { color: var(--cz-muted); font-size: .92em; line-height: 1.55; }

.cz-stage { margin-top: 4px; }
.cz-stage-name { color: var(--cz-muted); font-size: .85em; letter-spacing: .06em; margin: 10px 0 6px; }
.cz-bossgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
.cz-boss {
	background: var(--cz-panel-2); border: 1px solid var(--cz-line); border-radius: 6px;
	padding: 8px 10px; line-height: 1.35;
}
.cz-boss-zh { font-weight: 700; display: block; }
.cz-boss-en { color: var(--cz-muted); font-size: .78em; display: block; }
.cz-boss.cz-super { border-color: var(--cz-astral); }

.cz-note { color: var(--cz-muted); font-size: .88em; line-height: 1.6; border-top: 1px solid var(--cz-line); padding-top: 14px; }

/* 首頁「選擇 MOD」卡片：每個 MOD 一條代表色 */
.cz-card-en { color: var(--cz-muted); font-size: .8em; letter-spacing: .02em; }
.cz-mod { border-top: 3px solid var(--cz-mod, var(--cz-accent)); padding-top: 12px; }
.cz-mod-calamity { --cz-mod: #e2543a; }
.cz-mod-fables   { --cz-mod: #e8b64c; }
.cz-mod-wotg     { --cz-mod: #b58cf0; }
.cz-mod-hunt     { --cz-mod: #e05fb0; }
.cz-mod-catalyst { --cz-mod: #5fc3d8; }
.cz-mod-vanities { --cz-mod: #7fcf8a; }
.cz-mods .cz-card-title { font-size: 1.2em; }

/* MOD 分頁頂端的資訊框（Template:MOD資訊） */
.cz-modinfo {
	background: var(--cz-bg); color: var(--cz-ink); border-radius: 10px;
	padding: 16px 20px; margin: 0 0 1em; border: 1px solid var(--cz-line);
	display: grid; gap: 6px;
}
.cz-modinfo a { color: var(--cz-gold); }
.cz-modinfo-en { color: var(--cz-muted); font-size: .9em; letter-spacing: .03em; }
.cz-modinfo-desc { line-height: 1.7; max-width: 70ch; }
.cz-modinfo-links { display: flex; flex-wrap: wrap; gap: 4px 18px; font-size: .92em; }
.cz-main-hub { margin-bottom: 1em; }

/* 一般頁面：來源標註框（Template:來源） */
.cz-source {
	border: 1px solid #c9c2d8; border-left: 4px solid #8a6fc0; border-radius: 4px;
	padding: 8px 12px; margin: 0 0 1em; font-size: .92em; background: rgba(138, 111, 192, .08);
}
/* 中英對照表格裡的英文欄 */
.cz-en { font-family: ui-monospace, Consolas, monospace; font-size: .92em; }