MediaWiki:Common.css

注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的更改的影响。

• Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
• Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
• Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5。

/* ============================================ */
/*  Noblecraft Wiki · Common.css                */
/* ============================================ */

/* —— 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; }

/* —— 全站页面背景 —— */
body {
	background:
		radial-gradient(circle at 18% 15%, #ffffff 0%, transparent 45%),
		radial-gradient(circle at 85% 12%, #f0f1f4 0%, transparent 45%),
		radial-gradient(circle at 75% 92%, #eceef1 0%, transparent 48%),
		linear-gradient(150deg,#f5f6f8,#eaecf0) !important;
	background-attachment:fixed !important;
}

/* ============================================ */
/*  首页 · 素玻璃（白 + 灰）                     */
/* ============================================ */
.nc-stage {
	margin:14px 0 0;
	padding:0;
	background:transparent;
}

.nc-cards { display:flex; flex-wrap:wrap; gap:18px; align-items:stretch; position:relative; z-index:1; }

.nc-card {
	flex:1; min-width:215px;
	background:rgba(255,255,255,.55);
	backdrop-filter:blur(22px) saturate(140%);
	-webkit-backdrop-filter:blur(22px) saturate(140%);
	border:1px solid rgba(255,255,255,.7);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.8),
		0 10px 30px -14px rgba(60,65,80,.40);
	transition:transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s;
	display:flex; flex-direction:column;
}
.nc-card:hover {
	transform:translateY(-4px);
	box-shadow:
		inset 0 1px 0 rgba(255,255,255,.9),
		0 18px 40px -16px rgba(60,65,80,.50);
}



.nc-card ul { list-style:none !important; margin:0 !important; padding:7px 0 !important; }
.nc-card li { margin:0 !important; }
.nc-card li a {
	display:block; padding:9px 18px; color:#3a3d42; text-decoration:none;
	transition:all .15s ease; font-size:.97em;
}
.nc-card li a:hover { background:rgba(120,130,150,.14); padding-left:24px; }

/* 标题条：多色斜向渐变 + 悬停流动 */
.nc-card-head {
	color:#fff; font-weight:700; font-size:1.06em; padding:15px 18px;
	letter-spacing:.5px;
	border:none; border-radius:0;
	background-size:220% 220% !important;
	background-position:0% 50%;
	transition:background-position .8s ease, filter .4s ease;
}
.nc-card-head.nc-c-lobby { background-image:linear-gradient(135deg,#f0b94a,#e89038,#d9772e) !important; }
.nc-card-head.nc-c-play  { background-image:linear-gradient(135deg,#4a6fd4,#5ec5d4,#6a4ed4) !important; }
.nc-card-head.nc-c-comm  { background-image:linear-gradient(135deg,#7d4ed4,#c44ec4,#4a6fd4) !important; }
.nc-card-head.nc-c-apply { background-image:linear-gradient(135deg,#d44a5e,#e0723a,#c44e8a) !important; }

.nc-card:hover .nc-card-head {
	background-position:100% 50% !important;
	filter:brightness(1.12) saturate(1.15);
}



/* ===== CommentStreams 评论区美化 ===== */
/* 标题：弱化成小号次要文字（压住可能的 h 标签样式） */
.cs-comment-title,
.cs-comment-title * {
	font-size: 0.92em !important;
	font-weight: 600 !important;
	color: #666 !important;
	margin: 0 0 2px 0 !important;
	line-height: 1.4 !important;
}

/* 头部：去掉背景，标题作者贴紧 */
.cs-comment-header {
	background: transparent !important;
	padding: 0 !important;
}

/* 正文：主体，正常黑字 */
.cs-comment-body {
	font-size: 1em !important;
	color: #202122 !important;
	margin: 4px 0 8px 0 !important;
	padding: 0 !important;
	line-height: 1.65 !important;
}

/* 整条评论：浅灰圆角框 */
.cs-comment {
	background: #fafbfc !important;
	border: 1px solid #e3e6e8 !important;
	border-radius: 6px !important;
	padding: 10px 14px !important;
	margin: 8px 0 !important;
}

/* 作者与时间：小灰字 */
.cs-comment-details,
.cs-comment-author,
.cs-comment-author-anonymous {
	font-size: 0.82em !important;
	color: #888 !important;
}

/* 回复（子评论）：缩进 + 左侧竖线表示层级 */
.cs-reply-comment {
	margin-left: 28px !important;
	border-left: 3px solid #d0d7de !important;
	background: #ffffff !important;
}





/* Noblecraft homepage polish. Append after the current homepage CSS in MediaWiki:Common.css */

/* Keep polish scoped to the existing homepage pieces. */
.nc-stage,
.nc-cards {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}

/* A compact intro panel for the current homepage text area. */
.nc-home-intro {
	max-width: 1180px;
	margin: 8px auto 18px;
	padding: 20px 24px;
	background: rgba(255,255,255,.58);
	border: 1px solid rgba(255,255,255,.82);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.9), 0 18px 42px -30px rgba(45,52,68,.55);
	backdrop-filter: blur(18px) saturate(135%);
	-webkit-backdrop-filter: blur(18px) saturate(135%);
}

.nc-home-intro h2 {
	margin-top: 0;
	border-bottom: 0;
	color: #24282f;
	font-size: 1.45rem;
	line-height: 1.35;
}

.nc-home-intro p {
	color: #4f5663;
	font-size: 1.02rem;
	line-height: 1.75;
}

.nc-home-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 18px;
}

.nc-home-actions a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 32px;
	padding: 0 13px;
	background: rgba(255,255,255,.54);
	border: 1px solid rgba(196,205,214,.82);
	border-radius: 6px;
	color: #3e4752 !important;
	font-size: .92rem;
	font-weight: 680;
	text-decoration: none !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.72), 0 8px 18px -18px rgba(20,30,45,.55);
	transition: transform .15s ease, background .15s ease, border-color .15s ease, color .15s ease;
}

.nc-home-actions a:first-child {
	background: linear-gradient(135deg,#0f4c5c,#176273);
	border-color: rgba(15,76,92,.92);
	color: #fff !important;
	box-shadow: inset 0 1px 0 rgba(255,255,255,.16), 0 10px 20px -16px rgba(15,76,92,.75);
}

.nc-home-actions a:hover {
	transform: translateY(-1px);
	background: rgba(255,255,255,.86);
	border-color: rgba(143,166,173,.95);
	color: #20303a !important;
}

.nc-home-actions a:first-child:hover {
	background: linear-gradient(135deg,#123f4c,#0f4c5c);
	border-color: rgba(18,63,76,.95);
	color: #fff !important;
}

/* Make the original four-card layout feel more deliberate. */
.nc-cards {
	gap: 16px;
	margin-top: 18px;
	align-items: flex-start;
}

.nc-card {
	flex: 1 1 230px;
	min-width: 230px;
	border-color: rgba(225,229,234,.95);
	overflow: hidden;
	align-self: flex-start;
}

.nc-card-head {
	position: relative;
	padding: 14px 18px 13px;
	letter-spacing: 0;
}

.nc-card {
    min-height: 480px;
}

.nc-card ul {
    padding-bottom: 46px !important;
}