MediaWiki:Common.css：修订间差异

←上一编辑下一编辑→

@@ 第274行： / 第274行： @@
   /* 图片集 */
-/* Portfolio V2.1: 修正 MediaWiki 图片链接包裹层 */
+/* Noblecraft Portfolio Gallery V2 */
-.nc-art-image .mw-file-description,
+.nc-portfolio-grid {
-.nc-art-image a.image {
+	display: grid;
-	width: 100% !important;
+	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
-	height: 100% !important;
+	gap: 18px;
-	display: flex !important;
+	margin: 14px 0 32px;
-	align-items: center !important;
+}
-	justify-content: center !important;
+.nc-art-card {
+	position: relative;
+	background: rgba(255,255,255,.54);
+	border: 1px solid rgba(218,224,230,.72);
+	box-shadow: 0 16px 34px -30px rgba(45,52,68,.5);
+	overflow: hidden;
+	transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
+}
+.nc-art-card:hover {
+	transform: translateY(-2px);
+	border-color: rgba(190,200,210,.92);
+	box-shadow: 0 22px 44px -32px rgba(45,52,68,.72);
+}
+.nc-art-image {
+	height: 300px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: 14px;
+	background: rgba(255,255,255,.34);
 }
-/* 防止图片撑出图片区，避免 caption 被压住 */
 .nc-art-image img,
 .nc-art-image .mw-file-element {
@@ 第291行： / 第312行： @@
 	max-width: 100% !important;
 	max-height: 100% !important;
-	object-fit: contain !important;
+	object-fit: contain;
-	display: block;
+}
+.nc-art-caption {
+	padding: 12px 12px 14px;
+	text-align: center;
+	background: rgba(246,248,251,.62);
+	color: #263039;
+	font-weight: 800;
+	line-height: 1.45;
 }
-/* LOGO 区：更紧凑，尽量四张同排 */
+.nc-art-caption span {
+	display: inline-block;
+	margin-top: 3px;
+	color: #7a828d;
+	font-size: .88em;
+	font-weight: 600;
+}
+/* Official character art: taller, illustration-first cards. */
+.nc-character-grid {
+	grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
+}
+.nc-character-grid .nc-art-image {
+	height: 330px;
+	padding: 16px;
+	background:
+		linear-gradient(180deg, rgba(255,255,255,.56), rgba(246,248,251,.42));
+}
+/* Logo assets: shorter, cleaner, material-display cards. */
 .nc-logo-grid {
-	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
+	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
 }
 .nc-logo-grid .nc-art-image {
-	height: 165px;
+	height: 190px;
-	padding: 18px;
+	padding: 20px;
+	background:
+		linear-gradient(135deg, rgba(255,255,255,.62), rgba(238,242,246,.55));
 }
 .nc-logo-grid .nc-art-caption {
-	min-height: 54px;
+	background: rgba(240,244,248,.70);
-	padding: 10px 10px 12px;
 }
-/* 官方角色图稍微大气一点 */
+/* Player creations: slightly softer, community-gallery feel. */
-.nc-character-grid .nc-art-image {
+.nc-fanart-grid {
-	height: 320px;
+	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
 }
-/* 玩家创作区保持紧凑 */
+.nc-fanart-grid .nc-art-card::before {
-.nc-fanart-grid .nc-art-image {
+	content: "";
-	height: 280px;
+	position: absolute;
-}
+	left: 0;
+	top: 0;
+	right: 0;
+	height: 3px;
+	background: linear-gradient(90deg, #d89038, #4c8fbd, #8d62b8);
+	opacity: .45;