MediaWiki:Common.css:修订间差异

Baneq留言 | 贡献
撤销Baneq讨论)的修订版本126
Baneq留言 | 贡献
无编辑摘要
第33行: 第33行:
.wikiEditor-ui-toolbar .booklet .pages span.nc-高亮 { color:#b8860b; border-color:#e8d9a0; }
.wikiEditor-ui-toolbar .booklet .pages span.nc-高亮 { color:#b8860b; border-color:#e8d9a0; }


/* ===== 首页门户 ===== */
/* ===== 首页 · 精修简约卡片 ===== */
.nc-hero {
.nc-cards { display:flex; flex-wrap:wrap; gap:20px; align-items:stretch; }
border-radius:12px; padding:52px 32px; text-align:center; color:#fff;
.nc-card {
background:linear-gradient(135deg,#0f4c5c 0%,#1a6b7d 50%,#b3613e 130%);
flex:1; min-width:215px; background:#fff;
box-shadow:0 8px 30px -12px rgba(15,76,92,.55); margin-bottom:26px;
border:1px solid #ebe6dc; border-radius:12px; overflow:hidden;
box-shadow:0 2px 4px rgba(60,50,30,.04), 0 8px 24px -14px rgba(60,50,30,.18);
transition:transform .18s ease, box-shadow .18s ease;
display:flex; flex-direction:column;
}
}
.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-card:hover { transform:translateY(-4px); box-shadow:0 4px 8px rgba(60,50,30,.06), 0 16px 32px -14px rgba(60,50,30,.26); }
.nc-hero-sub { font-size:1.15em; opacity:.92; margin-top:10px; }
.nc-card-head {
.nc-intro { font-size:1.02em; line-height:1.9; }
color:#fff; font-weight:600; font-size:1.06em; padding:14px 18px;
.nc-love { color:#e84393; font-style:italic; font-size:1.05em; margin:14px 0; }
letter-spacing:.5px; position:relative;
.nc-stat { color:#777; margin-bottom:26px; }
box-shadow:inset 0 -1px 0 rgba(255,255,255,.25);
 
}
.nc-cards { display:flex; flex-wrap:wrap; gap:20px; }
.nc-card-head::after {
.nc-card {
content:""; position:absolute; left:0; right:0; bottom:0; height:3px;
flex:1; min-width:215px; background:#fff; border:1px solid #e8e2d6;
background:rgba(0,0,0,.12);
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 ul { list-style:none !important; margin:0 !important; padding:6px 0 !important; }
.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 { margin:0 !important; }
.nc-card li + li a { border-top:1px solid #f3f0ea; }
.nc-card li a {
.nc-card li a {
display:block; padding:7px 16px; color:#333; text-decoration:none;
display:block; padding:9px 18px; color:#3d3a34; text-decoration:none;
border-left:3px solid transparent; transition:all .12s;
border-left:3px solid transparent; transition:all .14s ease; font-size:.97em;
}
}
.nc-card li a:hover { background:#f5f1e8; border-left-color:currentColor; padding-left:22px; }
.nc-card li a:hover { background:#faf8f3; padding-left:24px; }
 
/* 各分类主题色:标题条 + 悬停竖条同色 */
.nc-c-lobby { background:linear-gradient(90deg,#6b6440,#857a4d); }
.nc-c-lobby .nc-card-head, .nc-card.t-lobby .nc-card-head { background:#7a6a3e; }
.nc-c-play  { background:linear-gradient(90deg,#2c4a7d,#3a5f9e); }
.nc-c-play  { } /* 占位 */
.nc-c-comm  { background:linear-gradient(90deg,#5a3a6b,#744a8a); }
.nc-c-lobby { }
.nc-c-apply { background:linear-gradient(90deg,#7d3a3a,#9e4a4a); }
.nc-card-head.nc-c-lobby { background:#7a6a3e; }
.nc-card-head.nc-c-play  { background:#345a8a; }
.nc-card-head.nc-c-comm  { background:#6a4a7a; }
.nc-card-head.nc-c-apply { background:#8a4a44; }
/* 悬停竖条颜色跟随卡片(用 has 选择器关联) */
.nc-card:has(.nc-c-lobby) li a:hover { border-left-color:#7a6a3e; }
.nc-card:has(.nc-c-play)  li a:hover { border-left-color:#345a8a; }
.nc-card:has(.nc-c-comm)  li a:hover { border-left-color:#6a4a7a; }
.nc-card:has(.nc-c-apply) li a:hover { border-left-color:#8a4a44; }