MediaWiki:Common.css：修订间差异

2026年5月31日 (日) 08:45的版本

/* —— Noblecraft 格式面板美化 —— */
.wikiEditor-ui-toolbar .booklet .index div {
	border-radius: 4px 4px 0 0;
	font-weight: bold;
}
.wikiEditor-ui-toolbar .booklet .index .current {
	background: #0f4c5c !important;
	color: #fff !important;
}
/* 面板里的按钮:做成圆角小标签,带间距和悬停 */
.wikiEditor-ui-toolbar .booklet .pages .page-characters span {
	display: inline-block;
	margin: 4px;
	padding: 4px 12px !important;
	border: 1px solid #c8c2b4;
	border-radius: 4px;
	background: #faf7f2;
	cursor: pointer;
	font-size: 13px;
	transition: all .15s;
	width: auto !important;
}
.wikiEditor-ui-toolbar .booklet .pages .page-characters span:hover {
	background: #0f4c5c;
	color: #fff;
	border-color: #0f4c5c;
}
/* 颜色按钮各自带色 */
.wikiEditor-ui-toolbar .booklet .pages span.nc-红   { color:#c0392b; border-color:#e8b5ad; }
.wikiEditor-ui-toolbar .booklet .pages span.nc-绿   { color:#27866b; border-color:#a9d6c8; }
.wikiEditor-ui-toolbar .booklet .pages span.nc-蓝   { color:#2c6fb3; border-color:#aecbe8; }
.wikiEditor-ui-toolbar .booklet .pages span.nc-橙   { color:#d35400; border-color:#f0c2a0; }
.wikiEditor-ui-toolbar .booklet .pages span.nc-高亮 { color:#b8860b; border-color:#e8d9a0; }

/* ===== 首页 · 精修简约卡片 ===== */
.nc-cards { display:flex; flex-wrap:wrap; gap:20px; align-items:stretch; }
.nc-card {
	flex:1; min-width:215px; background:#fff;
	border:1px solid #ebe6dc; border-radius:12px; overflow:hidden;
	box-shadow:0 2px 4px rgba(60,50,30,.04), 0 8px 24px -14px rgba(60,50,30,.18);
	transition:transform .18s ease, box-shadow .18s ease;
	display:flex; flex-direction:column;
}
.nc-card:hover { transform:translateY(-4px); box-shadow:0 4px 8px rgba(60,50,30,.06), 0 16px 32px -14px rgba(60,50,30,.26); }
.nc-card-head {
	color:#fff; font-weight:600; font-size:1.06em; padding:14px 18px;
	letter-spacing:.5px; position:relative;
	box-shadow:inset 0 -1px 0 rgba(255,255,255,.25);
}
.nc-card-head::after {
	content:""; position:absolute; left:0; right:0; bottom:0; height:3px;
	background:rgba(0,0,0,.12);
}
.nc-card ul { list-style:none !important; margin:0 !important; padding:6px 0 !important; }
.nc-card li { margin:0 !important; }
.nc-card li + li a { border-top:1px solid #f3f0ea; }
.nc-card li a {
	display:block; padding:9px 18px; color:#3d3a34; text-decoration:none;
	border-left:3px solid transparent; transition:all .14s ease; font-size:.97em;
}
.nc-card li a:hover { background:#faf8f3; padding-left:24px; }
/* 各分类主题色:标题条 + 悬停竖条同色 */
.nc-c-lobby .nc-card-head, .nc-card.t-lobby .nc-card-head { background:#7a6a3e; }
.nc-c-play  { } /* 占位 */
.nc-c-lobby { } 
.nc-card-head.nc-c-lobby { background:#7a6a3e; }
.nc-card-head.nc-c-play  { background:#345a8a; }
.nc-card-head.nc-c-comm  { background:#6a4a7a; }
.nc-card-head.nc-c-apply { background:#8a4a44; }
/* 悬停竖条颜色跟随卡片(用 has 选择器关联) */
.nc-card:has(.nc-c-lobby) li a:hover { border-left-color:#7a6a3e; }
.nc-card:has(.nc-c-play)  li a:hover { border-left-color:#345a8a; }
.nc-card:has(.nc-c-comm)  li a:hover { border-left-color:#6a4a7a; }
.nc-card:has(.nc-c-apply) li a:hover { border-left-color:#8a4a44; }