|
|
| 第1行： |
第1行： |
| /* 这里放置的CSS将应用于所有皮肤 */ | | /* 这里放置的CSS将应用于所有皮肤 */ |
| | /* 首行缩进 - 基础样式保留 */ |
| | div.textIndent p { |
| | text-indent: 2em; |
| | margin: 0.5em 0; |
| | } |
|
| |
|
| | /* 首字下沉样式 - 仅保留必要!important（解决灰机默认文字样式覆盖） */ |
| | .dropCap::first-letter { |
| | float: left; |
| | font-size: 3.2em !important; |
| | line-height: 0.85em !important; |
| | margin-right: 0.1em; |
| | font-weight: bold; |
| | color: #000; |
| | } |
|
| |
|
| .page-首页 .huiji-css-hook{
| | /* 角色信息框 - 基于Infobox元模板 适配SimmcWIKI专属风格 |
| background-image: url(https://huiji-public.huijistatic.com/simmc/uploads/7/7a/TEST_BG.png); | | 用#wiki-content提升选择器权重，彻底解决闪烁/样式被覆盖，仅3处必要!important */ |
| background-attachment: fixed;
| | #wiki-content .infobox { |
| background-size: cover;
| | border: 4vmin solid transparent; |
| background-repeat: no-repeat;
| | border-image: url(https://huiji-public.huijistatic.com/simmc/uploads/8/8a/HomePageBoarderImage.png) 170 round; |
| background-position-x: center;
| |
| image-rendering: pixelated;
| |
| }
| |
| input[type=text] {
| |
| background: #221b0066;
| |
| color: #ffffff;
| |
| }
| |
| input, textarea, select, option{
| |
| background: #221b0066;
| |
| color: #f6c628;
| |
| }
| |
|
| |
| .page-首页 #wiki-body {
| |
| margin-top: 550px;
| |
| }
| |
| .page-首页 .huiji-css-hook #wiki-body {
| |
| background-color: #fbf2db; | | background-color: #fbf2db; |
| color: #361d07; | | color: #361d07; |
| border:4vmin solid transparent; | | margin: 0 0 0.5em 1em; |
| border-radius: 4vmin;
| | padding: 0.5em; |
| border-image:url(https://huiji-public.huijistatic.com/simmc/uploads/8/8a/HomePageBoarderImage.png) 170 round;
| | float: right; |
| padding-left: 0px;
| | clear: right; |
| padding-right: 0px;
| | font-size: 88%; |
| }
| | line-height: 1.6em; |
| .page-首页 .oo-ui-textInputWidget {
| | width: 22em; |
| position: relative;
| | font-family: Minecraft, sans-serif !important; /* 强制MC字体，避免灰机默认字体覆盖 */ |
| vertical-align: middle;
| | image-rendering: pixelated !important; /* 强制像素化，适配MC风格 */ |
| -moz-box-sizing: border-box;
| | box-shadow: 0 0 20px rgba(0,0,0,0.1); |
| box-sizing: border-box;
| |
| width: 60%;
| |
| max-width: 50em;
| |
| }
| |
|
| |
| .mw-ui-button.mw-ui-progressive{
| |
| background-color: #441f74;
| |
| color: #fff;
| |
| border: 1px solid #996c4600;
| |
| text-shadow: 0 1px rgba(0,0,0,0.1);
| |
| }
| |
| .mw-ui-button:not( :disabled ) {
| |
| -webkit-transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms; | |
| -moz-transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms;
| |
| transition: background-color 1000ms,color 1000ms,border-color 1000ms,box-shadow 1000ms;
| |
| }
| |
| .mw-ui-button.mw-ui-progressive:hover{
| |
| background-color: #f6c628;
| |
| border: 1px solid #f6c628;
| |
| }
| |
| .oo-ui-menuSelectWidget{
| |
| background-color: #1c1c1c;
| |
| }
| |
| @font-face {
| |
| font-family: Minecraft;
| |
| src: url('https://fs.huijiwiki.com/www/resources/font/Minecraft.ttf');
| |
| }
| |
| .mc_map_border_top {
| |
| float: left;
| |
| width: 50vw;
| |
| height: 2.5vw;
| |
| background: url(https://huiji-public.huijistatic.com/simmc/uploads/0/0a/Bg_border_top.png) center center no-repeat;
| |
| background-size: 100% 100%;
| |
| margin-bottom: -1px;
| |
| }
| |
| .mc_map_border_left {
| |
| float: left; | |
| width: 50vw; | |
| background: #fbf2dc url(https://huiji-public.huijistatic.com/simmc/uploads/1/1f/Bg_border_left.png) left top repeat-y; | |
| background-size: 7.433% 8.849%;
| |
| max-width: 100%; | |
| }
| |
| .mc_map_border_foot {
| |
| float: left;
| |
| width: 50vw;
| |
| height: 2.5vw;
| |
| background: url(https://huiji-public.huijistatic.com/simmc/uploads/7/7f/Bg_border_foot.png) center center no-repeat;
| |
| background-size: 100% 100%;
| |
| }
| |
| .mc_map_border_right {
| |
| float: left;
| |
| width: 50vw; | |
| background: url(https://huiji-public.huijistatic.com/simmc/uploads/f/fb/Bg_border_right.png) right top repeat-y; | |
| background-size: 7.433% 8.849%;
| |
| }
| |
| .wp {
| |
| margin: 0 auto;
| |
| width: 85%;
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
| .relic-scene {
| |
| position: relative;
| |
| width: 100%;
| |
| height: 400px;
| |
| background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
| |
| overflow: hidden;
| |
| perspective: 400px;
| |
| }
| |
| .stars-bg, .stars-bg::before, .stars-bg::after {
| |
| content: "";
| |
| position: absolute;
| |
| top: 0;
| |
| left: 50%;
| |
| width: 1px;
| |
| height: 1px;
| |
| box-shadow:
| |
| -234px 179px 0 0 #FFF, 15px 339px 0 0 #FFF, 246px 299px 0 1px #FFF,
| |
| -154px 156px 0 0 #FFF, -174px 119px 0 0 #FFF, 194px 233px 0 1px #FFF,
| |
| -209px -158px 0 0 #FFF, 11px -20px 0 0 #FFF, 171px 253px 0 0 #FFF,
| |
| 300px -50px 0 0 #FFF, -100px 200px 0 1px #FFF, 50px -150px 0 0 #FFF;
| |
|
| |
| animation: animate-stars 150s linear infinite;
| |
| }
| |
|
| |
| .stars-bg::before {
| |
| box-shadow:
| |
| 54px -19px 0 0 #FFF, -15px -39px 0 0 #FFF, -46px 99px 0 1px #FFF,
| |
| -4px 156px 0 0 #FFF, 174px -19px 0 0 #FFF, -94px 23px 0 1px #FFF;
| |
| animation-duration: 100s;
| |
| }
| |
|
| |
| .stars-bg::after {
| |
| box-shadow:
| |
| -24px 19px 0 0 #FFF, 115px 39px 0 0 #FFF, 26px -99px 0 1px #FFF,
| |
| -14px -56px 0 0 #FFF, 74px -119px 0 0 #FFF, 94px -23px 0 1px #FFF;
| |
| animation-duration: 200s;
| |
| }
| |
| @keyframes animate-stars {
| |
| from {
| |
| transform: translateY(0px);
| |
| }
| |
| to {
| |
| transform: translateY(-400px);
| |
| }
| |
| }
| |
| .relic-obelisk {
| |
| position: absolute;
| |
| top: 50%;
| |
| left: 50%;
| |
| width: 50px;
| |
| height: 200px;
| |
| transform: translate(-50%, -50%) rotateX(60deg) rotateZ(45deg);
| |
| background: linear-gradient(0deg, #f0f0f0, #a0a0a0);
| |
| box-shadow: 0 0 30px 5px rgba(173, 216, 230, 0.5);
| |
| animation: pulse-relic 5s ease-in-out infinite;
| |
| }
| |
|
| |
| .relic-obelisk:hover {
| |
| animation-play-state: paused; /* 暂停呼吸动画 */
| |
| box-shadow: 0 0 60px 20px rgba(255, 255, 100, 1); /* 变成金色的强烈光芒 */
| |
| }
| |
|
| |
| @keyframes pulse-relic {
| |
| 0% {
| |
| transform: translate(-50%, -50%) rotateX(60deg) rotateZ(45deg) scale(1);
| |
| box-shadow: 0 0 30px 5px rgba(173, 216, 230, 0.5);
| |
| }
| |
| 50% {
| |
| transform: translate(-50%, -50%) rotateX(60deg) rotateZ(45deg) scale(1.05);
| |
| box-shadow: 0 0 45px 10px rgba(173, 216, 230, 0.8); | |
| }
| |
| 100% {
| |
| transform: translate(-50%, -50%) rotateX(60deg) rotateZ(45deg) scale(1);
| |
| box-shadow: 0 0 30px 5px rgba(173, 216, 230, 0.5);
| |
| }
| |
| }
| |
|
| |
| .foreground-fog {
| |
| position: absolute;
| |
| bottom: -150px;
| |
| left: 0;
| |
| width: 100%;
| |
| height: 300px;
| |
| background: radial-gradient(circle, rgba(9,10,15,0.6) 30%, rgba(9,10,15,0) 70%);
| |
| border-radius: 50%;
| |
| animation: drift-fog 12s ease-in-out infinite alternate;
| |
| }
| |
|
| |
| @keyframes drift-fog {
| |
| from {
| |
| transform: translateX(-20px) scale(1.1);
| |
| opacity: 0.8;
| |
| }
| |
| to {
| |
| transform: translateX(20px) scale(1.3);
| |
| opacity: 0.9;
| |
| }
| |
| }
| |
|
| |
| .title-container {
| |
| position: absolute;
| |
| top: 50%;
| |
| left: 50%;
| |
| transform: translate(-50%, -50%);
| |
| width: 80%;
| |
| text-align: center;
| |
| z-index: 10;
| |
| }
| |
|
| |
| .scene-title-main {
| |
| color: rgba(255, 255, 210, 0.9);
| |
| font-family: 'Times New Roman', serif;
| |
| font-size: 2.8em;
| |
| font-weight: bold;
| |
| letter-spacing: 0.5em;
| |
| text-transform: uppercase;
| |
| margin: 0;
| |
| animation: stardust-fade-in 5s ease-out 1s forwards;
| |
| opacity: 0;
| |
| }
| |
|
| |
| .scene-subtitle {
| |
| color: rgba(200, 220, 255, 0.8);
| |
| font-family: sans-serif;
| |
| font-size: 1.2em;
| |
| line-height: 1.6;
| |
| margin-top: 20px;
| |
| animation: stardust-fade-in 4s ease-out 4s forwards;
| |
| opacity: 0;
| |
| }
| |
|
| |
| @keyframes stardust-fade-in {
| |
| from {
| |
| opacity: 0;
| |
| filter: blur(10px);
| |
| transform: translateY(20px);
| |
| }
| |
| to {
| |
| opacity: 1;
| |
| filter: blur(0);
| |
| transform: translateY(0);
| |
| }
| |
| }
| |
|
| |
| .scroll-container {
| |
| height: 100vh;
| |
| overflow-y: scroll;
| |
| scroll-snap-type: y mandatory;
| |
| }
| |
|
| |
| .scene-panel {
| |
| height: 100vh;
| |
| scroll-snap-align: start;
| |
| position: relative;
| |
| }
| |
|
| |
| .scene-panel .relic-scene {
| |
| height: 100%;
| |
| }
| |
|
| |
| .scroll-indicator {
| |
| position: absolute;
| |
| bottom: 20px;
| |
| left: 50%;
| |
| transform: translateX(-50%);
| |
| color: white;
| |
| font-size: 2em;
| |
| opacity: 0.7;
| |
| animation: bounce 2s infinite;
| |
| }
| |
| @keyframes bounce {
| |
| 0%, 20%, 50%, 80%, 100% {
| |
| transform: translateX(-50%) translateY(0);
| |
| }
| |
| 40% {
| |
| transform: translateX(-50%) translateY(-15px);
| |
| }
| |
| 60% {
| |
| transform: translateX(-50%) translateY(-7px);
| |
| }
| |
| }
| |
|
| |
| .content-panel {
| |
| background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
| |
| padding: 40px;
| |
| overflow-y: auto;
| |
| color: #cdd3da;
| |
| font-size: 1.1em;
| |
| line-height: 1.7;
| |
| height: 100vh;
| |
| scroll-snap-align: start;
| |
| position: relative;
| |
| }
| |
|
| |
| .main-article h1, .main-article h2, .main-article h3 {
| |
| color: #ffffff;
| |
| border-bottom: 2px solid #556677;
| |
| padding-bottom: 10px;
| |
| margin-bottom: 20px;
| |
| }
| |
|
| |
|
| |
| .main-article .wikitable {
| |
| background-color: rgba(27, 39, 53, 0.8);
| |
| border: 1px solid #556677;
| |
| color: #cdd3da;
| |
| }
| |
| .main-article .wikitable > tr > th, .main-article .wikitable > * > tr > th {
| |
| background-color: rgba(9, 10, 15, 0.9);
| |
| color: #ffffff;
| |
| }
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
|
| |
| /* --- Bookshelf Component Styles --- */
| |
|
| |
| /* 组件的顶级包裹器，用于限定所有样式的范围 */
| |
| .bookshelf-component-wrapper {
| |
| /* 可以在这里添加组件外围的边距等 */
| |
| }
| |
|
| |
| /* 书架容器 */
| |
| .bookshelf-component-wrapper .bookshelf {
| |
| display: flex;
| |
| align-items: flex-end;
| |
| gap: 10px;
| |
| width: 80vw;
| |
| max-width: 900px;
| |
| padding: 20px 20px 15px 20px; /* 底部增加padding以容纳滑动条(即使隐藏) */
| |
| border-bottom: 10px solid #8d6e63;
| |
| box-sizing: border-box; | | box-sizing: border-box; |
| overflow-x: auto;
| | display: table; |
| -ms-overflow-style: none; /* IE/Edge */
| |
| scrollbar-width: none; /* Firefox */
| |
| }
| |
| .bookshelf-component-wrapper .bookshelf::-webkit-scrollbar {
| |
| display: none; /* Chrome/Safari */ | |
| }
| |
|
| |
| /* 单本书的容器 */
| |
| .bookshelf-component-wrapper .book {
| |
| position: relative; | | position: relative; |
| display: block; | | z-index: 999; /* 提高层级，避免被页面元素遮挡 */ |
| color: white;
| |
| z-index: 1;
| |
| transition: transform 0.3s ease-out, z-index 0s 0.3s;
| |
| cursor: pointer;
| |
| } | | } |
| .bookshelf-component-wrapper .book:hover {
| | #wiki-content .infobox-above { |
| transform: translateY(-15px);
| | text-align: center; |
| z-index: 10;
| | font-size: 1.3em; |
| transition: transform 0.3s ease-out, z-index 0s;
| |
| }
| |
|
| |
| /* 书脊 */
| |
| .bookshelf-component-wrapper .book-spine {
| |
| width: 45px;
| |
| height: 240px;
| |
| background-color: #a1887f; /* 默认颜色 */
| |
| border-radius: 4px 4px 0 0;
| |
| box-shadow: inset 3px 0 8px rgba(0, 0, 0, 0.2);
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| writing-mode: vertical-rl;
| |
| text-orientation: mixed;
| |
| font-size: 16px;
| |
| font-weight: 600;
| |
| letter-spacing: 1px;
| |
| text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
| |
| transition: background-color 0.3s ease;
| |
| }
| |
|
| |
| /* 弹出的信息卡片 */
| |
| .bookshelf-component-wrapper .book-info {
| |
| position: absolute; | |
| left: 100%;
| |
| bottom: 20px;
| |
| width: 250px;
| |
| background-color: #fff;
| |
| color: #424242;
| |
| padding: 20px;
| |
| border-radius: 0 6px 6px 0;
| |
| box-shadow: 5px 5px 20px rgba(0,0,0,0.1);
| |
| border: 1px solid #eee;
| |
| box-sizing: border-box;
| |
| opacity: 0;
| |
| transform: translateX(-10px);
| |
| pointer-events: none;
| |
| transition: opacity 0.3s ease-out 0.1s, transform 0.3s ease-out 0.1s;
| |
| }
| |
| .bookshelf-component-wrapper .book:hover .book-info {
| |
| opacity: 1;
| |
| transform: translateX(0);
| |
| }
| |
| .bookshelf-component-wrapper .book-info h3 {
| |
| margin: 0 0 10px 0;
| |
| font-size: 1.1em;
| |
| color: #37474f;
| |
| }
| |
| .bookshelf-component-wrapper .book-info p {
| |
| margin: 0;
| |
| font-size: 0.9em;
| |
| line-height: 1.6;
| |
| }
| |
|
| |
| .bookshelf-component-wrapper .book:nth-child(1) .book-spine { background-color: #78909c; }
| |
| .bookshelf-component-wrapper .book:nth-child(2) .book-spine { background-color: #8d6e63; }
| |
| .bookshelf-component-wrapper .book:nth-child(3) .book-spine { background-color: #66bb6a; }
| |
| .bookshelf-component-wrapper .book:nth-child(4) .book-spine { background-color: #5c6bc0; }
| |
| .bookshelf-component-wrapper .book:nth-child(5) .book-spine { background-color: #f06292; }
| |
| .bookshelf-component-wrapper .book:nth-child(6) .book-spine { background-color: #FFFAFA; }
| |
| .bookshelf-component-wrapper .book:nth-child(7) .book-spine { background-color: #FFE4C4; }
| |
| .bookshelf-component-wrapper .book:nth-child(8) .book-spine { background-color: #6495ED; }
| |
| .bookshelf-component-wrapper .book:nth-child(9) .book-spine { background-color: #B0E0E6; }
| |
| .bookshelf-component-wrapper .book:nth-child(10) .book-spine { background-color: #00FF7F; }
| |
| .bookshelf-component-wrapper .book:nth-child(11) .book-spine { background-color: #DEB887; }
| |
| .bookshelf-component-wrapper .book:nth-child(12) .book-spine { background-color: #FF6347; }
| |
| .bookshelf-component-wrapper .book:nth-child(13) .book-spine { background-color: #66bb6a; }
| |
| .bookshelf-component-wrapper .book:nth-child(14) .book-spine { background-color: #5c6bc0; }
| |
| .bookshelf-component-wrapper .book:nth-child(15) .book-spine { background-color: #f06292; }
| |
| /* 移动端适配 */
| |
| @media (max-width: 600px) {
| |
| .bookshelf-component-wrapper .bookshelf {
| |
| width: 100%;
| |
| padding-left: 15px;
| |
| padding-right: 15px;
| |
| justify-content: flex-start;
| |
| gap: 8px;
| |
| }
| |
| .bookshelf-component-wrapper .book-spine {
| |
| width: 40px;
| |
| height: 200px;
| |
| font-size: 14px;
| |
| }
| |
| .bookshelf-component-wrapper .book:hover {
| |
| transform: translateY(-10px);
| |
| }
| |
| .bookshelf-component-wrapper .book-info {
| |
| width: 200px;
| |
| bottom: 10px;
| |
| padding: 15px;
| |
| }
| |
| .bookshelf-component-wrapper .book-info h3 { font-size: 1em; }
| |
| .bookshelf-component-wrapper .book-info p { font-size: 0.85em; }
| |
| }
| |
|
| |
|
| |
|
| |
| .bookshelf-component-wrapper a:link {
| |
| color: white;
| |
| }
| |
| .bookshelf-component-wrapper a:visited {
| |
| color: lightgray;
| |
| }
| |
| .bookshelf-component-wrapper a:hover {
| |
| color: #ffffff;
| |
| text-decoration: underline;
| |
| }
| |
| .bookshelf-component-wrapper a.new {
| |
| color: red;
| |
| }
| |
| .JieYueDengJi a:link {
| |
| color: white;
| |
| }
| |
|
| |
| .JieYueDengJi a:visited {
| |
| color: white;
| |
| }
| |
|
| |
| .JieYueDengJi a:hover {
| |
| color: #ffffff; /* 鼠标悬停时颜色 */
| |
| }
| |
|
| |
|
| |
|
| |
| /* --- start:成人内容警告框 --- */
| |
|
| |
| /* 1. 警告框的默认样式 (点击前) */
| |
| .adult-warning-container {
| |
| display: block;
| |
| cursor: pointer;
| |
| border: 1px solid #d33; /* 醒目的红色边框 */
| |
| background-color: #fff8f8; /* 非常淡的红色背景，增加警示感 */
| |
| text-align: center;
| |
| padding: 2em;
| |
| color: #333; /* 默认文字颜色 */
| |
| transition: all 0.2s ease-in-out; /* 添加一个平滑的过渡效果 */
| |
| }
| |
| .adult-warning-container:focus {
| |
| outline: none; /* 聚焦时不需要额外的轮廓 */
| |
| }
| |
|
| |
| /* 2. 默认隐藏真正的内容 */
| |
| .adult-warning-container .content-hidden {
| |
| display: none;
| |
| }
| |
|
| |
| /* 3. 当容器被聚焦后 */
| |
| .adult-warning-container:focus-within {
| |
| /* 让容器本身变得“透明”和“无干扰” */
| |
| border-color: transparent;
| |
| background-color: transparent;
| |
| padding: 0; /* 移除所有内边距 */
| |
| text-align: left; /* 恢复正常的文本对齐 */
| |
| }
| |
| .adult-warning-container:focus-within .warning-message {
| |
| display: none; /* 隐藏警告信息 */
| |
| }
| |
| .adult-warning-container:focus-within .content-hidden {
| |
| display: block; /* 显示被隐藏的内容 */
| |
| }
| |
|
| |
| /* 分类云样式 */
| |
| .cat-cloud-item {
| |
| display: inline-block; /* 让 span 之间可以应用 margin */
| |
| margin: 2px 5px; /* 项目之间的上下左右间距 */
| |
| line-height: 1.6; /* 增加行高，防止大字体和小字体垂直重叠 */
| |
| white-space: nowrap; /* 防止长分类名换行 */
| |
| }
| |
|
| |
| /* 定义不同大小的样式 */
| |
| .cat-cloud-item.size-1 {
| |
| font-size: 0.8em;
| |
| color: #666;
| |
| }
| |
| .cat-cloud-item.size-2 {
| |
| font-size: 1.0em;
| |
| }
| |
| .cat-cloud-item.size-3 {
| |
| font-size: 1.3em; | |
| }
| |
| .cat-cloud-item.size-4 {
| |
| font-size: 1.6em;
| |
| font-weight: bold;
| |
| }
| |
| .cat-cloud-item.size-5 {
| |
| font-size: 2.0em;
| |
| font-weight: bold; | | font-weight: bold; |
| | color: #441f74; |
| } | | } |
|
| | #wiki-content .infobox-header { |
|
| |
| .category-cloud-container a.external {
| |
| background-image: none !important;
| |
| padding-right: 0 !important;
| |
| }
| |
|
| |
|
| |
|
| |
| /* --- CSS for making a whole block clickable (Stretched Link pattern) --- */
| |
| .full-div-link {
| |
| position: relative; /* Establishes a positioning context for the link */
| |
| }
| |
|
| |
| /*
| |
| * This targets any link (a) inside the container, creates a pseudo-element,
| |
| * and stretches it to cover the entire container.
| |
| */
| |
| .full-div-link a::after {
| |
| content: '';
| |
| position: absolute;
| |
| top: 0;
| |
| right: 0;
| |
| bottom: 0;
| |
| left: 0;
| |
| z-index: 1; /* Ensures it's on top and clickable */
| |
| /* background-color: rgba(255,0,0,0.1); */ /* Uncomment for debugging to see the clickable area */
| |
| }
| |
|
| |
|
| |
| /* --- 用于公告栏链接的特殊样式 --- */
| |
|
| |
| /* 默认链接颜色 */
| |
| .a555b6elianjie a {
| |
| color: #555b6e ;
| |
| text-decoration: none; /* 去掉默认的下划线 */
| |
| }
| |
|
| |
| /* 鼠标悬停在链接上时的颜色 */
| |
| .a555b6elianjie a:hover {
| |
| color:#a3a8d8 ; /* 鼠标放上去时，变成你调色板里的深紫色，更醒目 */
| |
| text-decoration: underline ; /* 鼠标放上去时，显示下划线，提示用户可以点击 */
| |
| }
| |
|
| |
| /* 用户访问过的链接颜色 (可选，这里我们让它和默认色一样) */
| |
| .a555b6elianjie a:visited {
| |
| color: #555b6e ;
| |
| }
| |
|
| |
| /* --- 2025竞赛框架样式 --- */
| |
|
| |
| .full-bleed {
| |
| margin-left: -50vw;
| |
| margin-right: -50vw;
| |
| padding: 3em 50vw;
| |
| box-sizing: border-box;
| |
| }
| |
| .full-bleed-em {
| |
| margin-left: -30000em;
| |
| margin-right: -30000em;
| |
| padding-left: 30000em;
| |
| padding-right: 30000em;
| |
| padding-top: 3em;
| |
| padding-bottom: 3em;
| |
| }
| |
| #newbee-contest-wrapper {
| |
| position: relative;
| |
| }
| |
| .section-full-bleed {
| |
| width: 100vw;
| |
| position: relative;
| |
| left: 50%;
| |
| right: 50%;
| |
| margin-left: -50vw;
| |
| margin-right: -50vw;
| |
| box-sizing: border-box;
| |
| }
| |
| .newbee-full-bleed { | |
| margin-left: -50vw;
| |
| margin-right: -50vw;
| |
| padding: 4rem 50vw;
| |
| box-sizing: border-box;
| |
| }
| |
|
| |
| .newbee-header-bg {
| |
| /* 继承全宽效果 */
| |
| padding-top: 8rem;
| |
| padding-bottom: 6rem;
| |
| background: linear-gradient(to top, #eef2f5 0%, #f8f9fa 100%);
| |
| text-align: center; | | text-align: center; |
| | background: #221b0066; |
| | color: #f6c628; |
| | padding: 0.4em; |
| | border-radius: 2vmin; |
| } | | } |
|
| | #wiki-content .infobox-label { |
| .newbee-title-text { | | text-align: right; |
| font-family: 'Noto Serif SC', serif; | | padding: 0.3em 0.8em; |
| font-weight: 900; | | background: #221b0022; |
| font-size: 5rem;
| | border-radius: 1vmin; |
| color: #333;
| | white-space: nowrap; |
| text-shadow: 2px 2px 4px rgba(0,0,0,0.1);
| |
| border: 5px solid #333; | |
| padding: 0.5em 1em;
| |
| display: inline-block;
| |
| border-radius: 15px; | |
| background-color: rgba(255,255,255,0.5); | |
| } | | } |
|
| | #wiki-content .infobox-data { |
| .newbee-infobox { | | padding: 0.3em 0.5em; |
| background-color: #ffffff;
| | color: #361d07; |
| border: 1px solid #ddd;
| |
| border-radius: 1rem;
| |
| padding: 1.5em 2em; | |
| box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1);
| |
| margin-bottom: 2rem; | |
| } | | } |
| .newbee-infobox h1, .newbee-infobox h2, .newbee-infobox h3 {
| | #wiki-content .infobox-image { |
| font-family: 'Noto Serif SC', serif;
| |
| font-weight: 700;
| |
| text-align: center; | | text-align: center; |
| margin-top: 0; | | image-rendering: pixelated !important; /* 图片强制像素化 */ |
| }
| |
|
| |
| .newbee-tt-placeholder {
| |
| font-family: 'Noto Serif SC', serif;
| |
| font-size: 1.8em;
| |
| font-weight: bold;
| |
| color: #555;
| |
| margin-top: -3.5rem; /* 实现原版图片悬浮在边框上的效果 */
| |
| margin-bottom: 1rem;
| |
| background-color: #ffffff; /* 覆盖边框线 */
| |
| padding: 0 0.5em;
| |
| display: inline-block;
| |
| } | | } |
|
| | #wiki-content .infobox-caption { |
| .history-card { | | font-size: 85%; |
| border: 1px solid #e0e0e0; | |
| padding: 1em;
| |
| text-align: center; | | text-align: center; |
| background: #fafafa;
| | font-style: italic; |
| margin-bottom: 1.5em;
| |
| border-radius: 8px;
| |
| height: 100%;
| |
| }
| |
| .history-card-img-placeholder {
| |
| height: 120px;
| |
| background: #e9e9e9;
| |
| display: flex;
| |
| align-items: center;
| |
| justify-content: center;
| |
| color: #999;
| |
| font-size: 1.2em; | |
| border-radius: 4px;
| |
| }
| |
| .history-card h3 { margin-top: 0.5em; font-weight: bold; }
| |
|
| |
| .passport-card {
| |
| background-color: #f9f9f9;
| |
| border: 1px solid #e5e5e5;
| |
| padding: 1.25rem;
| |
| box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
| |
| border-radius: 8px;
| |
| margin-bottom: 1rem;
| |
| min-height: 100px;
| |
| display: flex;
| |
| align-items: center;
| |
| }
| |
| .container {
| |
| max-width: 1140px;
| |
| margin-left: auto;
| |
| margin-right: auto;
| |
| padding-left: 15px;
| |
| padding-right: 15px;
| |
| } | | } |
| .hors { height: 5rem; }
| |
| .hor { height: 15rem; }
| |
