|
|
| 第274行： |
第274行： |
|
| |
|
| /* 图片集 */ | | /* 图片集 */ |
| /* Noblecraft Portfolio Gallery V2 */ | | /* Portfolio V2.1: 修正 MediaWiki 图片链接包裹层 */ |
| .nc-portfolio-grid {
| | .nc-art-image .mw-file-description, |
| display: grid;
| | .nc-art-image a.image { |
| grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
| | width: 100% !important; |
| gap: 18px;
| | height: 100% !important; |
| margin: 14px 0 32px;
| | display: flex !important; |
| }
| | align-items: center !important; |
| | | justify-content: center !important; |
| .nc-art-card { | |
| position: relative;
| |
| background: rgba(255,255,255,.54);
| |
| border: 1px solid rgba(218,224,230,.72);
| |
| box-shadow: 0 16px 34px -30px rgba(45,52,68,.5);
| |
| overflow: hidden;
| |
| transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
| |
| }
| |
| | |
| .nc-art-card:hover { | |
| transform: translateY(-2px); | |
| border-color: rgba(190,200,210,.92);
| |
| box-shadow: 0 22px 44px -32px rgba(45,52,68,.72);
| |
| }
| |
| | |
| .nc-art-image {
| |
| height: 300px; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| padding: 14px;
| |
| background: rgba(255,255,255,.34);
| |
| } | | } |
|
| |
|
| | /* 防止图片撑出图片区，避免 caption 被压住 */ |
| .nc-art-image img, | | .nc-art-image img, |
| .nc-art-image .mw-file-element { | | .nc-art-image .mw-file-element { |
| 第312行： |
第291行： |
| max-width: 100% !important; | | max-width: 100% !important; |
| max-height: 100% !important; | | max-height: 100% !important; |
| object-fit: contain; | | object-fit: contain !important; |
| }
| | display: block; |
| | |
| .nc-art-caption {
| |
| padding: 12px 12px 14px;
| |
| text-align: center;
| |
| background: rgba(246,248,251,.62);
| |
| color: #263039;
| |
| font-weight: 800;
| |
| line-height: 1.45; | |
| } | | } |
|
| |
|
| .nc-art-caption span {
| | /* LOGO 区：更紧凑，尽量四张同排 */ |
| display: inline-block;
| |
| margin-top: 3px;
| |
| color: #7a828d;
| |
| font-size: .88em;
| |
| font-weight: 600;
| |
| }
| |
| | |
| /* Official character art: taller, illustration-first cards. */ | |
| .nc-character-grid {
| |
| grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
| |
| }
| |
| | |
| .nc-character-grid .nc-art-image {
| |
| height: 330px;
| |
| padding: 16px;
| |
| background:
| |
| linear-gradient(180deg, rgba(255,255,255,.56), rgba(246,248,251,.42));
| |
| }
| |
| | |
| /* Logo assets: shorter, cleaner, material-display cards. */
| |
| .nc-logo-grid { | | .nc-logo-grid { |
| grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); | | grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); |
| } | | } |
|
| |
|
| .nc-logo-grid .nc-art-image { | | .nc-logo-grid .nc-art-image { |
| height: 190px; | | height: 165px; |
| padding: 20px; | | padding: 18px; |
| background:
| |
| linear-gradient(135deg, rgba(255,255,255,.62), rgba(238,242,246,.55));
| |
| } | | } |
|
| |
|
| .nc-logo-grid .nc-art-caption { | | .nc-logo-grid .nc-art-caption { |
| background: rgba(240,244,248,.70); | | min-height: 54px; |
| | padding: 10px 10px 12px; |
| } | | } |
|
| |
|
| /* Player creations: slightly softer, community-gallery feel. */ | | /* 官方角色图稍微大气一点 */ |
| .nc-fanart-grid { | | .nc-character-grid .nc-art-image { |
| grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); | | height: 320px; |
| } | | } |
|
| |
|
| .nc-fanart-grid .nc-art-card::before { | | /* 玩家创作区保持紧凑 */ |
| content: "";
| | .nc-fanart-grid .nc-art-image { |
| position: absolute;
| | height: 280px; |
| left: 0;
| | } |
| top: 0;
| |
| right: 0;
| |
| height: 3px; | |
| background: linear-gradient(90deg, #d89038, #4c8fbd, #8d62b8);
| |
| opacity: .45;
| |