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

第33行：

.wikiEditor-ui-toolbar .booklet .pages span.nc-高亮 { color:#b8860b; border-color:#e8d9a0; }

/* ~~—— 首页四栏布局 ——~~ */

/* ===== 首页门户 ===== */

.nc-~~home-cols~~ { ~~display:flex; flex~~-~~wrap~~:~~wrap~~; ~~gap~~:~~24px~~; ~~margin~~-~~top~~:~~12px~~; }

.nc-hero {

~~.nc-home-col { flex~~:~~1; min-width:200px~~; }

border-radius:12px; padding:52px 32px; text-align:center; color:#fff;

~~.nc-home-col h3 {~~

background:linear-gradient(135deg,#0f4c5c 0%,#1a6b7d 50%,#b3613e 130%);

~~display~~:~~inline~~-~~block; padding:4px 12px; margin:~~0 ~~0 12px~~;

box-shadow:0 8px 30px -12px rgba(15,76,92,.55); margin-bottom:26px;

~~color~~:~~#fff; font~~-~~size:1~~.~~05em~~; ~~border:none; border~~-~~radius~~:~~3px~~;

}

.nc-~~home~~-~~col ul~~ { ~~list~~-~~style~~:~~none~~; ~~margin~~:0; ~~padding~~:0; line-height:2.1; }

.nc-hero-title { font-size:2.8em; font-weight:700; letter-spacing:3px; text-shadow:0 2px 12px rgba(0,0,0,.3); line-height:1.1; }

.nc-~~home~~-~~col li~~ { ~~border~~-~~bottom~~:~~1px solid #eee~~; ~~padding~~-~~left~~:~~2px~~; }

.nc-hero-sub { font-size:1.15em; opacity:.92; margin-top:10px; }

~~/* 四个分类标题色块 */~~

.nc-intro { font-size:1.02em; line-height:1.9; }

.nc-~~c-lobby~~ { ~~background~~:#~~6b6440~~; }

.nc-love { color:#e84393; font-style:italic; font-size:1.05em; margin:14px 0; }

.nc-~~c-play~~ { ~~background~~:#~~2c4a7d~~; }

.nc-stat { color:#777; margin-bottom:26px; }

.nc-c-~~comm~~ { background:#~~5a3a6b~~; }

.nc-c-~~apply { background~~:~~#7d3a3a~~; }

.nc-cards { display:flex; flex-wrap:wrap; gap:20px; }

~~/* 欢迎区 */~~

.nc-card {

.nc-~~welcome~~-~~title~~ { font-size:2.~~2em~~; ~~font~~-~~weight~~:~~bold~~; margin:0; }

flex:1; min-width:215px; background:#fff; border:1px solid #e8e2d6;

.nc-~~welcome~~-~~love~~ { color:#~~e84393~~; ~~font~~-~~style~~:~~italic~~; ~~margin~~:~~14px 0~~; }

border-radius:10px; overflow:hidden;

box-shadow:0 4px 16px -8px rgba(0,0,0,.16); transition:transform .15s, box-shadow .15s;

}

.nc-card:hover { transform:translateY(-3px); box-shadow:0 12px 26px -10px rgba(0,0,0,.24); }

.nc-card-head { color:#fff; font-weight:bold; font-size:1.05em; padding:12px 16px; letter-spacing:.5px; }

.nc-card ul { list-style:none !important; margin:0 !important; padding:8px 0 !important; }

.nc-card li { margin:0 !important; }

.nc-card li a {

display:block; padding:7px 16px; color:#333; text-decoration:none;

border-left:3px solid transparent; transition:all .12s;

}

.nc-card li a:hover { background:#f5f1e8; border-left-color:currentColor; padding-left:22px; }

.nc-c-lobby { background:linear-gradient(90deg,#6b6440,#857a4d); }

.nc-c-play { background:linear-gradient(90deg,#2c4a7d,#3a5f9e); }

.nc-c-comm { background:linear-gradient(90deg,#5a3a6b,#744a8a); }

.nc-c-apply { background:linear-gradient(90deg,#7d3a3a,#9e4a4a); }

@@ 第33行： / 第33行： @@
 .wikiEditor-ui-toolbar .booklet .pages span.nc-高亮 { color:#b8860b; border-color:#e8d9a0; }
-/* —— 首页四栏布局 —— */
+/* ===== 首页门户 ===== */
-.nc-home-cols { display:flex; flex-wrap:wrap; gap:24px; margin-top:12px; }
+.nc-hero {
-.nc-home-col { flex:1; min-width:200px; }
+	border-radius:12px; padding:52px 32px; text-align:center; color:#fff;
-.nc-home-col h3 {
+	background:linear-gradient(135deg,#0f4c5c 0%,#1a6b7d 50%,#b3613e 130%);
-	display:inline-block; padding:4px 12px; margin:0 0 12px;
+	box-shadow:0 8px 30px -12px rgba(15,76,92,.55); margin-bottom:26px;
-	color:#fff; font-size:1.05em; border:none; border-radius:3px;
 }
-.nc-home-col ul { list-style:none; margin:0; padding:0; line-height:2.1; }
+.nc-hero-title { font-size:2.8em; font-weight:700; letter-spacing:3px; text-shadow:0 2px 12px rgba(0,0,0,.3); line-height:1.1; }
-.nc-home-col li { border-bottom:1px solid #eee; padding-left:2px; }
+.nc-hero-sub { font-size:1.15em; opacity:.92; margin-top:10px; }
-/* 四个分类标题色块 */
+.nc-intro { font-size:1.02em; line-height:1.9; }
-.nc-c-lobby   { background:#6b6440; }
+.nc-love { color:#e84393; font-style:italic; font-size:1.05em; margin:14px 0; }
-.nc-c-play    { background:#2c4a7d; }
+.nc-stat { color:#777; margin-bottom:26px; }
-.nc-c-comm    { background:#5a3a6b; }
-.nc-c-apply   { background:#7d3a3a; }
+.nc-cards { display:flex; flex-wrap:wrap; gap:20px; }
-/* 欢迎区 */
+.nc-card {
-.nc-welcome-title { font-size:2.2em; font-weight:bold; margin:0; }
+	flex:1; min-width:215px; background:#fff; border:1px solid #e8e2d6;
-.nc-welcome-love { color:#e84393; font-style:italic; margin:14px 0; }
+	border-radius:10px; overflow:hidden;
+	box-shadow:0 4px 16px -8px rgba(0,0,0,.16); transition:transform .15s, box-shadow .15s;
+}
+.nc-card:hover { transform:translateY(-3px); box-shadow:0 12px 26px -10px rgba(0,0,0,.24); }
+.nc-card-head { color:#fff; font-weight:bold; font-size:1.05em; padding:12px 16px; letter-spacing:.5px; }
+.nc-card ul { list-style:none !important; margin:0 !important; padding:8px 0 !important; }
+.nc-card li { margin:0 !important; }
+.nc-card li a {
+	display:block; padding:7px 16px; color:#333; text-decoration:none;
+	border-left:3px solid transparent; transition:all .12s;
+}
+.nc-card li a:hover { background:#f5f1e8; border-left-color:currentColor; padding-left:22px; }
+.nc-c-lobby { background:linear-gradient(90deg,#6b6440,#857a4d); }
+.nc-c-play  { background:linear-gradient(90deg,#2c4a7d,#3a5f9e); }
+.nc-c-comm  { background:linear-gradient(90deg,#5a3a6b,#744a8a); }
+.nc-c-apply { background:linear-gradient(90deg,#7d3a3a,#9e4a4a); }