MediaWiki:Common.css:修订间差异

Baneq留言 | 贡献
无编辑摘要
Baneq留言 | 贡献
无编辑摘要
第484行: 第484行:
height: 290px;
height: 290px;
}
}
/* Portfolio style: game archive C2 - section colors */
/* Portfolio style: white-background friendly section colors */


/* 基础卡片:更清爽的资料库底色 */
/* 基础卡片:清爽、轻阴影 */
.nc-art-card,
.nc-art-card,
.nc-logo-card {
.nc-logo-card {
background: rgba(249,251,253,.76);
background: rgba(255,255,255,.78);
border: 1px solid rgba(178,190,204,.58);
border: 1px solid rgba(190,201,213,.56);
box-shadow: 0 16px 38px -32px rgba(28,43,58,.62);
box-shadow: 0 16px 38px -34px rgba(28,43,58,.62);
position: relative;
position: relative;
overflow: hidden;
}
}


第498行: 第499行:
.nc-logo-card:hover {
.nc-logo-card:hover {
transform: translateY(-2px);
transform: translateY(-2px);
box-shadow: 0 24px 52px -38px rgba(28,43,58,.76);
box-shadow: 0 24px 52px -40px rgba(28,43,58,.76);
}
}


/* 基础图片区 */
/* 图片区:接近纯白,避免白底图片突兀 */
.nc-art-image,
.nc-art-image,
.nc-logo-image {
.nc-logo-image,
.nc-character-grid .nc-art-image,
.nc-fanart-grid .nc-art-image {
background:
background:
linear-gradient(135deg, rgba(255,255,255,.84), rgba(238,243,248,.70));
linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,252,254,.92)) !important;
box-shadow: inset 0 -1px 0 rgba(218,225,232,.55);
}
}


/* 基础说明区 */
/* 夜间 LOGO 保留深色展示底 */
.nc-logo-dark {
background: #202124 !important;
}
 
/* 说明区:轻微分区感 */
.nc-art-caption,
.nc-art-caption,
.nc-logo-mosaic .nc-art-caption {
.nc-logo-mosaic .nc-art-caption {
background: rgba(244,248,251,.88);
background: rgba(246,249,252,.84);
border-top: 1px solid rgba(196,207,218,.72);
border-top: 1px solid rgba(218,225,232,.72);
color: #23313d;
color: #23313d;
}
}
第518行: 第527行:
.nc-art-caption span,
.nc-art-caption span,
.nc-logo-mosaic .nc-art-caption span {
.nc-logo-mosaic .nc-art-caption span {
color: #72808c;
color: #75818d;
font-weight: 620;
font-weight: 620;
}
}


/* 官方设定图:冰蓝 / 青色,清透正式 */
/* 官方设定图:冰蓝,只保留在边框和底线 */
.nc-character-grid .nc-art-card {
.nc-character-grid .nc-art-card {
border-color: rgba(112,173,196,.48);
border-color: rgba(112,173,196,.42);
}
 
.nc-character-grid .nc-art-image {
background:
linear-gradient(135deg, rgba(255,255,255,.88), rgba(226,244,249,.72));
}
}


第543行: 第547行:
}
}


/* LOGO 区:石墨灰 / 金色,像品牌资产 */
/* LOGO 区:石墨灰 / 金色 */
.nc-logo-card {
.nc-logo-card {
border-color: rgba(165,154,135,.50);
border-color: rgba(165,154,135,.42);
}
 
.nc-logo-image {
background:
linear-gradient(135deg, rgba(255,255,255,.88), rgba(241,238,230,.72));
}
 
.nc-logo-dark {
background: #202124;
}
}


第565行: 第560行:
height: 3px;
height: 3px;
background: linear-gradient(90deg, #343a40, #c59b47);
background: linear-gradient(90deg, #343a40, #c59b47);
opacity: .50;
opacity: .52;
}
}


/* 玩家创作:暖橙 / 紫粉,更有社区创作感 */
/* 玩家创作:暖橙 / 紫粉 */
.nc-fanart-grid .nc-art-card {
.nc-fanart-grid .nc-art-card {
border-color: rgba(203,156,190,.48);
border-color: rgba(203,156,190,.40);
}
 
.nc-fanart-grid .nc-art-image {
background:
linear-gradient(135deg, rgba(255,255,255,.86), rgba(255,241,232,.68));
}
}


第591行: 第581行:
background: linear-gradient(90deg, #e08a3e, #c45fa0, #7d6bd6);
background: linear-gradient(90deg, #e08a3e, #c45fa0, #7d6bd6);
opacity: .58;
opacity: .58;
}
/* Portfolio C2.1: 白底图片友好版 */
/* 图片展示区保持近白,避免白底图片显得像贴片 */
.nc-art-image,
.nc-logo-image,
.nc-character-grid .nc-art-image,
.nc-fanart-grid .nc-art-image {
background:
linear-gradient(180deg, rgba(255,255,255,.96), rgba(250,251,253,.86)) !important;
}
/* 夜间 LOGO 仍保留深色底 */
.nc-logo-dark {
background: #202124 !important;
}
/* 卡片本体稍微柔和一点 */
.nc-art-card,
.nc-logo-card {
background: rgba(255,255,255,.72);
}
/* caption 保持轻微分区感,不抢图片 */
.nc-art-caption,
.nc-logo-mosaic .nc-art-caption {
background: rgba(246,249,251,.78);
}
/* 官方设定图:只用底部线表达冰蓝 */
.nc-character-grid .nc-art-card {
border-color: rgba(112,173,196,.38);
}
/* LOGO:只用底部线表达品牌素材 */
.nc-logo-card {
border-color: rgba(165,154,135,.40);
}
/* 玩家创作:只用底部线表达活跃感 */
.nc-fanart-grid .nc-art-card {
border-color: rgba(203,156,190,.36);
}
}