MediaWiki:Common.css：修订间差异
无编辑摘要 |
无编辑摘要 标签：已被回退 |
||
| 第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- | .nc-parchment { | ||
background: | |||
radial-gradient(circle at 20% 20%, rgba(180,150,90,.05), transparent 60%), | |||
box-shadow:0 8px 30px -12px rgba( | linear-gradient(135deg,#2a1f14 0%,#3d2f1c 45%,#5a4326 100%); | ||
border:1px solid #6b5436; border-radius:10px; | |||
padding:46px 32px; text-align:center; color:#f4e9d4; | |||
box-shadow:0 8px 30px -12px rgba(0,0,0,.5); margin-bottom:8px; | |||
position:relative; | |||
} | } | ||
.nc- | .nc-parchment::before { | ||
.nc- | content:""; position:absolute; inset:8px; border:1px solid rgba(212,180,120,.35); | ||
.nc- | border-radius:6px; pointer-events:none; | ||
.nc- | } | ||
.nc-stat { color:# | .nc-crest { font-size:2.7em; font-weight:700; font-family:"Noto Serif SC",serif; | ||
letter-spacing:6px; color:#e8c887; text-shadow:0 2px 8px rgba(0,0,0,.5); } | |||
.nc-crest-sub { font-size:1.05em; color:#cdbb96; letter-spacing:2px; margin-top:8px; } | |||
.nc-quote { text-align:center; font-family:"Noto Serif SC",serif; font-style:italic; | |||
color:#8a6d3b; font-size:1.12em; margin:18px 0 6px; } | |||
.nc-quote-by { text-align:center; color:#a08a5e; font-size:.85em; margin-bottom:24px; } | |||
.nc-stat { text-align:center; color:#8a7a5c; margin-bottom:24px; font-family:"Noto Serif SC",serif; } | |||
.nc-cards { display:flex; flex-wrap:wrap; gap:20px; } | .nc-cards { display:flex; flex-wrap:wrap; gap:20px; } | ||
.nc-card { | .nc-card { | ||
flex:1; min-width:215px; background:# | flex:1; min-width:215px; | ||
background:linear-gradient(180deg,#faf3e2,#f3e8cf); | |||
box-shadow:0 4px 16px -8px rgba( | border:1px solid #cbb589; border-radius:8px; overflow:hidden; | ||
box-shadow:0 4px 16px -8px rgba(90,67,38,.4); | |||
transition:transform .15s, box-shadow .15s; position:relative; | |||
} | |||
.nc-card::after { | |||
content:""; position:absolute; inset:5px; border:1px solid rgba(170,140,90,.3); | |||
border-radius:5px; pointer-events:none; | |||
} | |||
.nc-card:hover { transform:translateY(-3px); box-shadow:0 12px 26px -10px rgba(90,67,38,.55); } | |||
.nc-card-head { | |||
color:#f4e9d4; font-weight:bold; font-size:1.08em; padding:13px 16px; | |||
font-family:"Noto Serif SC",serif; letter-spacing:1px; | |||
border-bottom:2px solid rgba(212,180,120,.5); | |||
text-shadow:0 1px 3px rgba(0,0,0,.4); | |||
} | } | ||
.nc-card ul { list-style:none !important; margin:0 !important; padding:8px 0 !important; } | .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 a { | .nc-card li a { | ||
display:block; padding:7px | display:block; padding:7px 18px; color:#4a3a22; text-decoration:none; | ||
border-left:3px solid transparent; transition:all .12s; | border-left:3px solid transparent; transition:all .12s; font-size:.97em; | ||
} | } | ||
.nc-card li a:hover { background: | .nc-card li a:hover { background:rgba(180,140,80,.14); border-left-color:#a8842e; padding-left:24px; color:#6b4a16; } | ||
.nc-c-lobby { background:linear-gradient(90deg,# | /* 四个分类:烫金质感深色条 */ | ||
.nc-c-play { background:linear-gradient(90deg,# | .nc-c-lobby { background:linear-gradient(90deg,#6b5436,#8a6e44); } | ||
.nc-c-comm { background:linear-gradient(90deg,# | .nc-c-play { background:linear-gradient(90deg,#2f4a5c,#3f6478); } | ||
.nc-c-apply { background:linear-gradient(90deg,# | .nc-c-comm { background:linear-gradient(90deg,#5a3a4a,#7a4f5f); } | ||
.nc-c-apply { background:linear-gradient(90deg,#6b4226,#8a5836); } | |||