MediaWiki:Common.css：修订间差异 - 诺布百科

第36行：

/* ============================================ */

/* 首页 · ~~玻璃卡~~ + ~~鲜明渐变背景~~ */

/* 首页 · 素玻璃（白 + 灰） */

/* ============================================ */

.nc-stage {

第43行：

padding:30px 18px 36px;

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;

}

第55行：

第54行：

.nc-card {

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:

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;

display:flex; flex-direction:column;

}

.nc-card:hover {

transform:translateY(-~~5px~~);

transform:translateY(-4px);

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 {

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;

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 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;

~~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; }

@@ 第36行： / 第36行： @@
 /* ============================================ */
-/*  首页 · 玻璃卡 + 鲜明渐变背景                 */
+/*  首页 · 素玻璃（白 + 灰）                     */
 /* ============================================ */
 .nc-stage {
@@ 第43行： / 第43行： @@
 	padding:30px 18px 36px;
 	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;
 }
@@ 第55行： / 第54行： @@
 .nc-card {
 	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:
-		inset 0 1px 0 rgba(255,255,255,.45),
+		inset 0 1px 0 rgba(255,255,255,.8),
-12px 32px -12px rgba(20,20,40,.45);
+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(-5px);
+	transform:translateY(-4px);
 	box-shadow:
-		inset 0 1px 0 rgba(255,255,255,.6),
+		inset 0 1px 0 rgba(255,255,255,.9),
-20px 44px -14px rgba(20,20,40,.55);
+18px 40px -16px rgba(60,65,80,.50);
 }
 .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;
-	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 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;
-	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; }