MediaWiki:Common.css：修订间差异

←上一编辑下一编辑→

@@ 第36行： / 第36行： @@
 /* ============================================ */
-/*  首页 · 直角玻璃风                            */
+/*  首页 · 直角白卡（干净版）                    */
 /* ============================================ */
-/* 首页背景（玻璃需要背景才透得出效果）*/
 .nc-stage {
-	background:
+	background: #f3f1ec;
-		radial-gradient(circle at 15% 20%, rgba(120,160,200,.18), transparent 45%),
-		radial-gradient(circle at 85% 15%, rgba(200,150,170,.16), transparent 45%),
-		radial-gradient(circle at 50% 92%, rgba(150,180,150,.15), transparent 50%),
-		linear-gradient(160deg,#f0eee9,#e9e6df);
 	margin:-12px -16px 0;
-	padding:24px 16px 30px;
+	padding:26px 18px 32px;
 }
+.nc-cards { display:flex; flex-wrap:wrap; gap:20px; align-items:stretch; }
-.nc-cards {
-	display:flex;
-	flex-wrap:wrap;
-	gap:18px;
-	align-items:stretch;
-}
 .nc-card {
-	flex:1;
+	flex:1; min-width:215px; background:#fff;
-	min-width:215px;
+	border:1px solid #e4ded2;
-	background:rgba(255,255,255,.55);
+	box-shadow:0 1px 2px rgba(60,50,30,.05), 0 10px 28px -16px rgba(60,50,30,.30);
-	backdrop-filter:blur(20px) saturate(160%);
+	transition:transform .18s ease, box-shadow .18s ease;
-	-webkit-backdrop-filter:blur(20px) saturate(160%);
+	display:flex; flex-direction:column;
-	border:1px solid rgba(255,255,255,.65);
-	box-shadow:
-		inset 0 1px 0 rgba(255,255,255,.7),
-8px 24px -12px rgba(40,50,70,.30);
-	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:
+	box-shadow:0 2px 4px rgba(60,50,30,.06), 0 18px 36px -16px rgba(60,50,30,.40);
-		inset 0 1px 0 rgba(255,255,255,.8),
-16px 36px -14px rgba(40,50,70,.40);
 }
 .nc-card-head {
-	color:#fff;
+	color:#fff; font-weight:600; font-size:1.06em; padding:15px 18px;
-	font-weight:600;
+	letter-spacing:.4px; box-shadow:inset 0 -2px 0 rgba(0,0,0,.12);
-	font-size:1.05em;
-	padding:15px 18px;
-	letter-spacing:.4px;
-	box-shadow:inset 0 1px 0 rgba(255,255,255,.4);
-}
-.nc-card ul {
-	list-style:none !important;
-	margin:0 !important;
-	padding:7px 0 !important;
 }
+.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 #f4f1ea; }
 .nc-card li a {
-	display:block;
+	display:block; padding:9px 18px; color:#3a3730; text-decoration:none;
-	padding:9px 18px;
+	border-left:3px solid transparent; transition:all .14s ease; font-size:.97em;
-	color:#2c2a26;
-	text-decoration:none;
-	transition:all .16s ease;
-	font-size:.97em;
-}
-.nc-card li a:hover {
-	background:rgba(120,140,180,.16);
-	padding-left:24px;
 }
+.nc-card li a:hover { background:#f7f4ee; padding-left:24px; }
-/* 四个分类标题条颜色（半透明彩色玻璃）*/
+/* 分类标题条（实色，沉稳）*/
-.nc-card-head.nc-c-lobby { background:linear-gradient(120deg,rgba(140,120,70,.92),rgba(168,148,90,.92)); }
+.nc-card-head.nc-c-lobby { background:#8a7642; }
-.nc-card-head.nc-c-play  { background:linear-gradient(120deg,rgba(60,100,150,.92),rgba(80,130,180,.92)); }
+.nc-card-head.nc-c-play  { background:#3a5f8a; }
-.nc-card-head.nc-c-comm  { background:linear-gradient(120deg,rgba(120,80,140,.92),rgba(150,100,170,.92)); }
+.nc-card-head.nc-c-comm  { background:#6e4a82; }
-.nc-card-head.nc-c-apply { background:linear-gradient(120deg,rgba(160,80,75,.92),rgba(190,105,95,.92)); }
+.nc-card-head.nc-c-apply { background:#9a5048; }
+/* 悬停竖条跟随卡片色 */
+.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; }