MediaWiki:Common.css - 版本历史

2026年5月31日 (日) 09:06 Baneq

2026-05-31T09:06:21Z

←上一版本		2026年5月31日 (日) 09:06的版本
第38行：		第38行：
	body {		body {
	background:		background:
	radial-gradient(circle at 18% 15%, #ffffff 0%, transparent 40%),		radial-gradient(circle at 18% 15%, #ffffff 0%, transparent 45%),
	radial-gradient(circle at 85% 12%, #~~dde0e6~~ 0%, transparent 42%),		radial-gradient(circle at 85% 12%, #f0f1f4 0%, transparent 45%),
	radial-gradient(circle at 75% 92%, #~~cdd1d8~~ 0%, transparent 45%),		radial-gradient(circle at 75% 92%, #eceef1 0%, transparent 48%),
	linear-gradient(150deg,#~~e6e8ec~~,#~~d4d7de~~) !important;		linear-gradient(150deg,#f5f6f8,#eaecf0) !important;
	background-attachment:fixed !important;		background-attachment:fixed !important;
	}		}

2026年5月31日 (日) 09:05 Baneq

2026-05-31T09:05:30Z

←上一版本		2026年5月31日 (日) 09:05的版本
第38行：		第38行：
	body {		body {
	background:		background:
	radial-gradient(circle at 18% 15%, #ffffff 0%, transparent 45%),		radial-gradient(circle at 18% 15%, #ffffff 0%, transparent 40%),
	radial-gradient(circle at 85% 12%, #~~f0f1f4~~ 0%, transparent 45%),		radial-gradient(circle at 85% 12%, #dde0e6 0%, transparent 42%),
	radial-gradient(circle at 75% 92%, #~~eceef1~~ 0%, transparent 48%),		radial-gradient(circle at 75% 92%, #cdd1d8 0%, transparent 45%),
	linear-gradient(150deg,#~~eef0f3~~,#~~e2e4e8~~) !important;		linear-gradient(150deg,#e6e8ec,#d4d7de) !important;
	background-attachment:fixed !important;		background-attachment:fixed !important;
	}		}

2026年5月31日 (日) 09:05 Baneq

2026-05-31T09:05:07Z

←上一版本		2026年5月31日 (日) 09:05的版本
第41行：		第41行：
	radial-gradient(circle at 85% 12%, #f0f1f4 0%, transparent 45%),		radial-gradient(circle at 85% 12%, #f0f1f4 0%, transparent 45%),
	radial-gradient(circle at 75% 92%, #eceef1 0%, transparent 48%),		radial-gradient(circle at 75% 92%, #eceef1 0%, transparent 48%),
	linear-gradient(150deg,#~~f5f6f8~~,#~~eaecf0~~) !important;		linear-gradient(150deg,#eef0f3,#e2e4e8) !important;
	background-attachment:fixed !important;		background-attachment:fixed !important;
	}		}

2026年5月31日 (日) 09:04 Baneq

2026-05-31T09:04:05Z

←上一版本		2026年5月31日 (日) 09:04的版本
第38行：		第38行：
	body {		body {
	background:		background:
	radial-gradient(circle at 18% 15%, #ffffff 0%, transparent 40%),		radial-gradient(circle at 18% 15%, #ffffff 0%, transparent 45%),
	radial-gradient(circle at 85% 12%, #~~dde0e6~~ 0%, transparent 42%),		radial-gradient(circle at 85% 12%, #f0f1f4 0%, transparent 45%),
	radial-gradient(circle at 75% 92%, #~~cdd1d8~~ 0%, transparent 45%),		radial-gradient(circle at 75% 92%, #eceef1 0%, transparent 48%),
	linear-gradient(150deg,#~~e6e8ec~~,#~~d4d7de~~) !important;		linear-gradient(150deg,#f5f6f8,#eaecf0) !important;
	background-attachment:fixed !important;		background-attachment:fixed !important;
	}		}

2026年5月31日 (日) 09:02 Baneq

2026-05-31T09:02:33Z

←上一版本		2026年5月31日 (日) 09:02的版本
第34行：		第34行：
	.wikiEditor-ui-toolbar .booklet .pages span.nc-橙 { color:#d35400; border-color:#f0c2a0; }		.wikiEditor-ui-toolbar .booklet .pages span.nc-橙 { color:#d35400; border-color:#f0c2a0; }
	.wikiEditor-ui-toolbar .booklet .pages span.nc-高亮 { color:#b8860b; border-color:#e8d9a0; }		.wikiEditor-ui-toolbar .booklet .pages span.nc-高亮 { color:#b8860b; border-color:#e8d9a0; }

			/* —— 全站页面背景 —— */
			body {
			background:
			radial-gradient(circle at 18% 15%, #ffffff 0%, transparent 40%),
			radial-gradient(circle at 85% 12%, #dde0e6 0%, transparent 42%),
			radial-gradient(circle at 75% 92%, #cdd1d8 0%, transparent 45%),
			linear-gradient(150deg,#e6e8ec,#d4d7de) !important;
			background-attachment:fixed !important;
			}

	/* ============================================ */		/* ============================================ */
第39行：		第49行：
	/* ============================================ */		/* ============================================ */
	.nc-stage {		.nc-stage {
	margin:~~18px~~ 0 ~~0px~~;		margin:14px 0 0;
	padding:~~26px 22px 30px~~;		padding:0;
	background:~~linear-gradient(160deg,#eef1f6,#e2e6ee);~~		background:transparent;
	~~border:1px solid #e0e4ec;~~
	~~border-radius:16px;~~
	~~box-shadow:0 4px 20px -12px rgba(60,70,90,.25)~~;
	}		}

2026年5月31日 (日) 09:01 Baneq

2026-05-31T09:01:36Z

←上一版本		2026年5月31日 (日) 09:01的版本
第39行：		第39行：
	/* ============================================ */		/* ============================================ */
	.nc-stage {		.nc-stage {
	margin:18px 0 ~~4px~~;		margin:18px 0 0px;
	padding:26px 22px 30px;		padding:26px 22px 30px;
	background:linear-gradient(160deg,#eef1f6,#e2e6ee);		background:linear-gradient(160deg,#eef1f6,#e2e6ee);

2026年5月31日 (日) 09:01 Baneq

2026-05-31T09:01:03Z

←上一版本		2026年5月31日 (日) 09:01的版本
第39行：		第39行：
	/* ============================================ */		/* ============================================ */
	.nc-stage {		.nc-stage {
	margin:~~14px 0~~ 0;		margin:18px 0 4px;
	padding:0;		padding:26px 22px 30px;
	background:~~transparent~~;		background:linear-gradient(160deg,#eef1f6,#e2e6ee);
			border:1px solid #e0e4ec;
			border-radius:16px;
			box-shadow:0 4px 20px -12px rgba(60,70,90,.25);
	}		}

2026年5月31日 (日) 09:00 Baneq

2026-05-31T09:00:15Z

←上一版本		2026年5月31日 (日) 09:00的版本
第39行：		第39行：
	/* ============================================ */		/* ============================================ */
	.nc-stage {		.nc-stage {
	~~position:relative;~~		margin:14px 0 0;
	margin:~~-12px -16px~~ 0;		padding:0;
	padding:~~30px 18px 36px~~;		background:transparent;
	background:
	~~radial-gradient(circle at 18% 20%, #ffffff 0%,~~ transparent ~~40%),~~
	~~radial-gradient(circle at 82% 15%, #d8dade 0%, transparent 42%),~~
	~~radial-gradient(circle at 70% 90%, #c8ccd2 0%, transparent 45%),~~
	~~linear-gradient(140deg,#e4e6ea,#cfd2d8);~~
	~~overflow:hidden~~;
	}		}

2026年5月31日 (日) 08:58 Baneq

2026-05-31T08:58:47Z

←上一版本		2026年5月31日 (日) 08:58的版本
第36行：		第36行：

	/* ============================================ */		/* ============================================ */
	/* 首页 · ~~玻璃卡~~ + ~~鲜明渐变背景~~ */		/* 首页 · 素玻璃（白 + 灰） */
	/* ============================================ */		/* ============================================ */
	.nc-stage {		.nc-stage {
第43行：		第43行：
	padding:30px 18px 36px;		padding:30px 18px 36px;
	background:		background:
	radial-gradient(circle at ~~12%~~ 18%~~, #5b6fb5 0%, transparent 42%),~~		radial-gradient(circle at 18% 20%, #ffffff 0%, transparent 40%),
	~~radial-gradient(circle at 88% 12~~%, #~~b56f8f~~ 0%, transparent 40%),		radial-gradient(circle at 82% 15%, #d8dade 0%, transparent 42%),
	radial-gradient(circle at 75% 88%, #~~5fa58a~~ 0%, transparent 45%),		radial-gradient(circle at 70% 90%, #c8ccd2 0%, transparent 45%),
	radial-gradient(circle at 30% 95%, #~~c79a5b~~ 0%, transparent 42%),		linear-gradient(140deg,#e4e6ea,#cfd2d8);
	linear-gradient(140deg,#~~3a4a7a~~,#~~6a4a72~~);
	overflow:hidden;		overflow:hidden;
	}		}
第55行：		第54行：
	.nc-card {		.nc-card {
	flex:1; min-width:215px;		flex:1; min-width:215px;
	background:rgba(255,255,255,.18);		background:rgba(255,255,255,.55);
	backdrop-filter:blur(~~24px~~) saturate(~~180~~%);		backdrop-filter:blur(22px) saturate(140%);
	-webkit-backdrop-filter:blur(~~24px~~) saturate(~~180~~%);		-webkit-backdrop-filter:blur(22px) saturate(140%);
	border:1px solid rgba(255,255,255,.35);		border:1px solid rgba(255,255,255,.7);
	box-shadow:		box-shadow:
	inset 0 1px 0 rgba(255,255,255,.45),		inset 0 1px 0 rgba(255,255,255,.8),
	0 ~~12px 32px~~ -~~12px~~ rgba(20,20,40,.45);		0 10px 30px -14px rgba(60,65,80,.40);
	transition:transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s;		transition:transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s;
	display:flex; flex-direction:column;		display:flex; flex-direction:column;
	}		}
	.nc-card:hover {		.nc-card:hover {
	transform:translateY(-~~5px~~);		transform:translateY(-4px);
	box-shadow:		box-shadow:
	inset 0 1px 0 rgba(255,255,255,.6),		inset 0 1px 0 rgba(255,255,255,.9),
	0 ~~20px 44px~~ -~~14px~~ rgba(20,20,40,.55);		0 18px 40px -16px rgba(60,65,80,.50);
	}		}

	.nc-card-head {		.nc-card-head {
	color:#~~fff~~; font-weight:600; font-size:1.06em; padding:15px 18px;		color:#33373d; font-weight:600; font-size:1.06em; padding:15px 18px;
	letter-spacing:.5px;		letter-spacing:.5px;
	border-bottom:1px solid rgba(~~255~~,~~255~~,~~255~~,.~~25);~~		border-bottom:1px solid rgba(120,125,135,.2);
	~~text-shadow:0 1px 4px rgba(0,0,0,.35~~);
	}		}

第82行：		第80行：
	.nc-card li { margin:0 !important; }		.nc-card li { margin:0 !important; }
	.nc-card li a {		.nc-card li a {
	display:block; padding:9px 18px; color:#~~fff~~; text-decoration:none;		display:block; padding:9px 18px; color:#3a3d42; text-decoration:none;
	transition:all .15s ease; font-size:.97em;		transition:all .15s ease; font-size:.97em;
	~~text-shadow:0 1px 3px rgba(0,0,0,.4);~~
	}		}
	.nc-card li a:hover { background:rgba(~~255~~,~~255~~,~~255~~,.18); padding-left:24px; }		.nc-card li a:hover { background:rgba(120,130,150,.14); padding-left:24px; }

	/* ~~分类标题条~~:~~半透明深色玻璃，透出背景色~~ */		/* 标题条:统一的素灰玻璃，靠左侧一道细色条区分分类 */
	.nc-card-head~~.nc-c-lobby~~ { background:rgba(~~120~~,95,45,.45); }		.nc-card-head { background:rgba(255,255,255,.4); border-left:4px solid #9aa0a8; }
	.nc-card-head.nc-c-play { ~~background~~:~~rgba(45,80,130,.45)~~; }		.nc-card-head.nc-c-lobby { border-left-color:#8a7642; }
	.nc-card-head.nc-c-comm { ~~background~~:~~rgba(100,55,120,.45)~~; }		.nc-card-head.nc-c-play { border-left-color:#4a6a90; }
	.nc-card-head.nc-c-apply { ~~background~~:~~rgba(140,60,55,.45)~~; }		.nc-card-head.nc-c-comm { border-left-color:#6e4a82; }
			.nc-card-head.nc-c-apply { border-left-color:#9a5048; }

2026年5月31日 (日) 08:57 Baneq

2026-05-31T08:57:56Z

←上一版本		2026年5月31日 (日) 08:57的版本
第36行：		第36行：

	/* ============================================ */		/* ============================================ */
	/* 首页 · ~~直角白卡（干净版）~~ */		/* 首页 · 玻璃卡 + 鲜明渐变背景 */
	/* ============================================ */		/* ============================================ */
	.nc-stage {		.nc-stage {
	~~background~~: ~~#f3f1ec~~;		position:relative;
	margin:-12px -16px 0;		margin:-12px -16px 0;
	padding:~~26px~~ 18px ~~32px~~;		padding:30px 18px 36px;
			background:
			radial-gradient(circle at 12% 18%, #5b6fb5 0%, transparent 42%),
			radial-gradient(circle at 88% 12%, #b56f8f 0%, transparent 40%),
			radial-gradient(circle at 75% 88%, #5fa58a 0%, transparent 45%),
			radial-gradient(circle at 30% 95%, #c79a5b 0%, transparent 42%),
			linear-gradient(140deg,#3a4a7a,#6a4a72);
			overflow:hidden;
	}		}
	.nc-cards { display:flex; flex-wrap:wrap; gap:~~20px~~; align-items:stretch; }
			.nc-cards { display:flex; flex-wrap:wrap; gap:18px; align-items:stretch; position:relative; z-index:1; }

	.nc-card {		.nc-card {
	flex:1; min-width:215px; background:~~#fff~~;		flex:1; min-width:215px;
	border:1px solid ~~#e4ded2~~;		background:rgba(255,255,255,.18);
	box-shadow:0 1px ~~2px~~ rgba(60,50,30,.05), 0 ~~10px 28px~~ -~~16px~~ rgba(60,50,30,.30);		backdrop-filter:blur(24px) saturate(180%);
	transition:transform .~~18s ease~~, box-shadow .~~18s ease~~;		-webkit-backdrop-filter:blur(24px) saturate(180%);
			border:1px solid rgba(255,255,255,.35);
			box-shadow:
			inset 0 1px 0 rgba(255,255,255,.45),
			0 12px 32px -12px rgba(20,20,40,.45);
			transition:transform .22s cubic-bezier(.2,.8,.2,1), box-shadow .22s;
	display:flex; flex-direction:column;		display:flex; flex-direction:column;
	}		}
	.nc-card:hover {		.nc-card:hover {
	transform:translateY(-~~4px~~);		transform:translateY(-5px);
	box-shadow:0 ~~2px 4px~~ rgba(60,50,30,.06), 0 ~~18px 36px~~ -~~16px~~ rgba(60,50,30,.40);		box-shadow:
			inset 0 1px 0 rgba(255,255,255,.6),
			0 20px 44px -14px rgba(20,20,40,.55);
	}		}

	.nc-card-head {		.nc-card-head {
	color:#fff; font-weight:600; font-size:1.06em; padding:15px 18px;		color:#fff; font-weight:600; font-size:1.06em; padding:15px 18px;
	letter-spacing:.~~4px~~; ~~box~~-shadow:~~inset 0 -2px~~ 0 rgba(0,0,0,.12);		letter-spacing:.5px;
			border-bottom:1px solid rgba(255,255,255,.25);
			text-shadow:0 1px 4px rgba(0,0,0,.35);
	}		}
	.nc-card ul { list-style:none !important; margin:0 !important; padding:~~6px~~ 0 !important; }
			.nc-card ul { list-style:none !important; margin:0 !important; padding:7px 0 !important; }
	.nc-card li { margin:0 !important; }		.nc-card li { margin:0 !important; }
	~~.nc-card li + li a { border-top:1px solid #f4f1ea; }~~
	.nc-card li a {		.nc-card li a {
	display:block; padding:9px 18px; color:#~~3a3730~~; text-decoration:none;		display:block; padding:9px 18px; color:#fff; text-decoration:none;
	~~border-left:3px solid transparent;~~ transition:all .~~14s~~ ease; font-size:.97em;		transition:all .15s ease; font-size:.97em;
			text-shadow:0 1px 3px rgba(0,0,0,.4);
	}		}
	.nc-card li a:hover { background:~~#f7f4ee~~; padding-left:24px; }		.nc-card li a:hover { background:rgba(255,255,255,.18); padding-left:24px; }
	/* ~~分类标题条（实色，沉稳）~~*/
	.nc-card-head.nc-c-lobby { background:~~#8a7642~~; }		/* 分类标题条:半透明深色玻璃，透出背景色 */
	.nc-card-head.nc-c-play { background:~~#3a5f8a~~; }		.nc-card-head.nc-c-lobby { background:rgba(120,95,45,.45); }
	.nc-card-head.nc-c-comm { background:~~#6e4a82~~; }		.nc-card-head.nc-c-play { background:rgba(45,80,130,.45); }
	.nc-card-head.nc-c-apply { background:~~#9a5048; }~~		.nc-card-head.nc-c-comm { background:rgba(100,55,120,.45); }
	~~/* 悬停竖条跟随卡片色 */~~		.nc-card-head.nc-c-apply { background:rgba(140,60,55,.45); }
	~~.nc-card:has(.nc-c-lobby) li a:hover { border-left-color:#8a7642; }~~
	~~.nc-card:has(.nc-c-play) li a:hover { border-left-color:#3a5f8a; }~~
	~~.nc-card:has~~(.~~nc-c-comm~~) ~~li a:hover { border-left-color:#6e4a82; }~~
	~~.nc-card:has(.nc-c-apply) li a:hover { border-left-color:#9a5048~~; }