打开/关闭搜索
打开/关闭菜单
1
40
1
326
末世录
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Common.css：修订间差异

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

2026年3月28日 (六) 04:00的版本

/* 这里放置的CSS将应用于所有皮肤 */
/* 首页全局背景 - 移除页面前缀+防缓存 */
.huiji-css-hook{
    background-image: url(https://huiji-public.huijistatic.com/simmc/uploads/7/7a/TEST_BG.png) !important;
    background-attachment: fixed !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position-x: center !important;
    image-rendering: pixelated !important;
}
/* 输入框/选择框全局样式 */
input[type=text] {
	background: #221b0066 !important;
    color: #ffffff !important;
}
input, textarea, select, option{
	background: #221b0066 !important;
	color: #f6c628 !important;
}

/* 首页主体容器 - 移除页面前缀+修复bg色笔误(fbf2dc→fbf2db) */
#wiki-body {
  margin-top: 550px !important;
}
.huiji-css-hook #wiki-body {
    background-color: #fbf2db !important;
    color: #361d07 !important;
    border:4vmin solid transparent !important;
    border-radius: 4vmin !important;
    border-image:url(https://huiji-public.huijistatic.com/simmc/uploads/8/8a/HomePageBoarderImage.png) 170 round !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
/* 搜索框样式 */
.oo-ui-textInputWidget {
    position: relative !important;
    vertical-align: middle !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    width: 60% !important;
    max-width: 50em !important;
}

/* 按钮样式 - 保留过渡动画+优化hover */
.mw-ui-button.mw-ui-progressive{
    background-color: #441f74 !important;
    color: #fff !important;
    border: 1px solid #996c4600 !important;
    text-shadow: 0 1px rgba(0,0,0,0.1) !important;
}
.mw-ui-button:not( :disabled ) {
    -webkit-transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms !important;
    -moz-transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms !important;
    transition: background-color 1000ms,color 1000ms,border-color 1000ms,box-shadow 1000ms !important;
}
.mw-ui-button.mw-ui-progressive:hover{
	background-color: #f6c628 !important;
	border: 1px solid #f6c628 !important;
}
.oo-ui-menuSelectWidget{
	background-color: #1c1c1c !important;
}

/* MC专属字体定义 */
@font-face {
    font-family: Minecraft !important;
    src: url('https://fs.huijiwiki.com/www/resources/font/Minecraft.ttf') !important;
}

/* 地图边框样式 */
.mc_map_border_top {
    float: left !important;
    width: 50vw !important;
    height: 2.5vw !important;
    background: url(https://huiji-public.huijistatic.com/simmc/uploads/0/0a/Bg_border_top.png) center center no-repeat !important;
    background-size: 100% 100% !important;
    margin-bottom: -1px !important;
}
.mc_map_border_left {
    float: left !important;
    width: 50vw !important;
    background: #fbf2db url(https://huiji-public.huijistatic.com/simmc/uploads/1/1f/Bg_border_left.png) left top repeat-y !important;
    background-size: 7.433% 8.849% !important;
    max-width: 100% !important;
}
.mc_map_border_foot {
    float: left !important;
    width: 50vw !important;
    height: 2.5vw !important;
    background: url(https://huiji-public.huijistatic.com/simmc/uploads/7/7f/Bg_border_foot.png) center center no-repeat !important;
    background-size: 100% 100% !important;
}
.mc_map_border_right {
    float: left !important;
    width: 50vw !important;
    background: url(https://huiji-public.huijistatic.com/simmc/uploads/f/fb/Bg_border_right.png) right top repeat-y !important;
    background-size: 7.433% 8.849% !important;
}
.wp {
    margin: 0 auto !important;
    width: 85% !important;
}

/* 遗迹场景动画样式 */
.relic-scene {
  position: relative !important;
  width: 100% !important;
  height: 400px !important;
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%) !important;
  overflow: hidden !important;
  perspective: 400px !important;
}
.stars-bg, .stars-bg::before, .stars-bg::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 50% !important;
  width: 1px !important;
  height: 1px !important;
  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 !important;
  animation: animate-stars 150s linear infinite !important;
}
.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 !important;
  animation-duration: 100s !important;
}
.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 !important;
  animation-duration: 200s !important;
}
@keyframes animate-stars {
  from {
    transform: translateY(0px) !important;
  }
  to {
    transform: translateY(-400px) !important;
  }
}
.relic-obelisk {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 50px !important;
  height: 200px !important;
  transform: translate(-50%, -50%) rotateX(60deg) rotateZ(45deg) !important;
  background: linear-gradient(0deg, #f0f0f0, #a0a0a0) !important;
  box-shadow: 0 0 30px 5px rgba(173, 216, 230, 0.5) !important;
  animation: pulse-relic 5s ease-in-out infinite !important;
}
.relic-obelisk:hover {
  animation-play-state: paused !important;
  box-shadow: 0 0 60px 20px rgba(255, 255, 100, 1) !important;
}
@keyframes pulse-relic {
  0% {
    transform: translate(-50%, -50%) rotateX(60deg) rotateZ(45deg) scale(1) !important;
    box-shadow: 0 0 30px 5px rgba(173, 216, 230, 0.5) !important;
  }
  50% {
    transform: translate(-50%, -50%) rotateX(60deg) rotateZ(45deg) scale(1.05) !important;
    box-shadow: 0 0 45px 10px rgba(173, 216, 230, 0.8) !important;
  }
  100% {
    transform: translate(-50%, -50%) rotateX(60deg) rotateZ(45deg) scale(1) !important;
    box-shadow: 0 0 30px 5px rgba(173, 216, 230, 0.5) !important;
  }
}
.foreground-fog {
  position: absolute !important;
  bottom: -150px !important;
  left: 0 !important;
  width: 100% !important;
  height: 300px !important;
  background: radial-gradient(circle, rgba(9,10,15,0.6) 30%, rgba(9,10,15,0) 70%) !important;
  border-radius: 50% !important;
  animation: drift-fog 12s ease-in-out infinite alternate !important;
}
@keyframes drift-fog {
  from {
    transform: translateX(-20px) scale(1.1) !important;
    opacity: 0.8 !important;
  }
  to {
    transform: translateX(20px) scale(1.3) !important;
    opacity: 0.9 !important;
  }
}
.title-container {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 80% !important;
  text-align: center !important;
  z-index: 10 !important;
}
.scene-title-main {
  color: rgba(255, 255, 210, 0.9) !important;
  font-family: 'Times New Roman', serif !important;
  font-size: 2.8em !important;
  font-weight: bold !important;
  letter-spacing: 0.5em !important;
  text-transform: uppercase !important;
  margin: 0 !important;
  animation: stardust-fade-in 5s ease-out 1s forwards !important;
  opacity: 0 !important;
}
.scene-subtitle {
  color: rgba(200, 220, 255, 0.8) !important;
  font-family: sans-serif !important;
  font-size: 1.2em !important;
  line-height: 1.6 !important;
  margin-top: 20px !important;
  animation: stardust-fade-in 4s ease-out 4s forwards !important;
  opacity: 0 !important;
}
@keyframes stardust-fade-in {
  from {
    opacity: 0 !important;
    filter: blur(10px) !important;
    transform: translateY(20px) !important;
  }
  to {
    opacity: 1 !important;
    filter: blur(0) !important;
    transform: translateY(0) !important;
  }
}

/* 滚动容器样式 */
.scroll-container {
  height: 100vh !important;
  overflow-y: scroll !important;
  scroll-snap-type: y mandatory !important;
}
.scene-panel {
  height: 100vh !important;
  scroll-snap-align: start !important;
  position: relative !important;
}
.scene-panel .relic-scene {
  height: 100% !important;
}
.scroll-indicator {
  position: absolute !important;
  bottom: 20px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  color: white !important;
  font-size: 2em !important;
  opacity: 0.7 !important;
  animation: bounce 2s infinite !important;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(-50%) translateY(0) !important;
  }
  40% {
    transform: translateX(-50%) translateY(-15px) !important;
  }
  60% {
    transform: translateX(-50%) translateY(-7px) !important;
  }
}
.content-panel {
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%) !important;
  padding: 40px !important;
  overflow-y: auto !important;
  color: #cdd3da !important;
  font-size: 1.1em !important;
  line-height: 1.7 !important;
  height: 100vh !important;
  scroll-snap-align: start !important;
  position: relative !important;
}
.main-article h1, .main-article h2, .main-article h3 {
  color: #ffffff !important;
  border-bottom: 2px solid #556677 !important;
  padding-bottom: 10px !important;
  margin-bottom: 20px !important;
}
.main-article .wikitable {
  background-color: rgba(27, 39, 53, 0.8) !important;
  border: 1px solid #556677 !important;
  color: #cdd3da !important;
}
.main-article .wikitable > tr > th, .main-article .wikitable > * > tr > th {
  background-color: rgba(9, 10, 15, 0.9) !important;
  color: #ffffff !important;
}

/* 书架组件样式 */
.bookshelf-component-wrapper {
    position: relative !important;
}
.bookshelf-component-wrapper .bookshelf {
    display: flex !important;
    align-items: flex-end !important;
    gap: 10px !important;
    width: 80vw !important;
    max-width: 900px !important;
    padding: 20px 20px 15px 20px !important;
    border-bottom: 10px solid #8d6e63 !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}
.bookshelf-component-wrapper .bookshelf::-webkit-scrollbar {
    display: none !important;
}
.bookshelf-component-wrapper .book {
    position: relative !important;
    display: block !important;
    color: white !important;
    z-index: 1 !important;
    transition: transform 0.3s ease-out, z-index 0s 0.3s !important;
    cursor: pointer !important;
}
.bookshelf-component-wrapper .book:hover {
    transform: translateY(-15px) !important;
    z-index: 10 !important;
    transition: transform 0.3s ease-out, z-index 0s !important;
}
.bookshelf-component-wrapper .book-spine {
    width: 45px !important;
    height: 240px !important;
    background-color: #a1887f !important;
    border-radius: 4px 4px 0 0 !important;
    box-shadow: inset 3px 0 8px rgba(0, 0, 0, 0.2) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    writing-mode: vertical-rl !important;
    text-orientation: mixed !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3) !important;
    transition: background-color 0.3s ease !important;
}
.bookshelf-component-wrapper .book-info {
    position: absolute !important;
    left: 100% !important;
    bottom: 20px !important;
    width: 250px !important;
    background-color: #fff !important;
    color: #424242 !important;
    padding: 20px !important;
    border-radius: 0 6px 6px 0 !important;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.1) !important;
    border: 1px solid #eee !important;
    box-sizing: border-box !important;
    opacity: 0 !important;
    transform: translateX(-10px) !important;
    pointer-events: none !important;
    transition: opacity 0.3s ease-out 0.1s, transform 0.3s ease-out 0.1s !important;
}
.bookshelf-component-wrapper .book:hover .book-info {
    opacity: 1 !important;
    transform: translateX(0) !important;
}
.bookshelf-component-wrapper .book-info h3 {
    margin: 0 0 10px 0 !important;
    font-size: 1.1em !important;
    color: #37474f !important;
}
.bookshelf-component-wrapper .book-info p {
    margin: 0 !important;
    font-size: 0.9em !important;
    line-height: 1.6 !important;
}
/* 书架书脊配色 */
.bookshelf-component-wrapper .book:nth-child(1) .book-spine { background-color: #78909c !important; }
.bookshelf-component-wrapper .book:nth-child(2) .book-spine { background-color: #8d6e63 !important; }
.bookshelf-component-wrapper .book:nth-child(3) .book-spine { background-color: #66bb6a !important; }
.bookshelf-component-wrapper .book:nth-child(4) .book-spine { background-color: #5c6bc0 !important; }
.bookshelf-component-wrapper .book:nth-child(5) .book-spine { background-color: #f06292 !important; }
.bookshelf-component-wrapper .book:nth-child(6) .book-spine { background-color: #FFFAFA !important; }
.bookshelf-component-wrapper .book:nth-child(7) .book-spine { background-color: #FFE4C4 !important; }
.bookshelf-component-wrapper .book:nth-child(8) .book-spine { background-color: #6495ED !important; }
.bookshelf-component-wrapper .book:nth-child(9) .book-spine { background-color: #B0E0E6 !important; }
.bookshelf-component-wrapper .book:nth-child(10) .book-spine { background-color: #00FF7F !important; }
.bookshelf-component-wrapper .book:nth-child(11) .book-spine { background-color: #DEB887 !important; }
.bookshelf-component-wrapper .book:nth-child(12) .book-spine { background-color: #FF6347 !important; }
.bookshelf-component-wrapper .book:nth-child(13) .book-spine { background-color: #66bb6a !important; }
.bookshelf-component-wrapper .book:nth-child(14) .book-spine { background-color: #5c6bc0 !important; }
.bookshelf-component-wrapper .book:nth-child(15) .book-spine { background-color: #f06292 !important; }
/* 书架移动端适配 */
@media (max-width: 600px) {
    .bookshelf-component-wrapper .bookshelf {
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        justify-content: flex-start !important;
        gap: 8px !important;
    }
    .bookshelf-component-wrapper .book-spine {
        width: 40px !important;
        height: 200px !important;
        font-size: 14px !important;
    }
    .bookshelf-component-wrapper .book:hover {
        transform: translateY(-10px) !important;
    }
    .bookshelf-component-wrapper .book-info {
        width: 200px !important;
        bottom: 10px !important;
        padding: 15px !important;
    }
    .bookshelf-component-wrapper .book-info h3 { font-size: 1em !important; }
    .bookshelf-component-wrapper .book-info p { font-size: 0.85em !important; }
}
/* 书架链接样式 */
.bookshelf-component-wrapper a:link {
    color: white !important;
}
.bookshelf-component-wrapper a:visited {
    color: lightgray !important;
}
.bookshelf-component-wrapper a:hover {
    color: #ffffff !important;
    text-decoration: underline !important;
}
.bookshelf-component-wrapper a.new {
    color: red !important;
}
.JieYueDengJi a:link {
    color: white !important;
}
.JieYueDengJi a:visited {
    color: white !important;
}
.JieYueDengJi a:hover {
    color: #ffffff !important;
}

/* 成人内容警告框 */
.adult-warning-container {
  display: block !important;
  cursor: pointer !important;
  border: 1px solid #d33 !important;
  background-color: #fff8f8 !important;
  text-align: center !important;
  padding: 2em !important;
  color: #333 !important;
  transition: all 0.2s ease-in-out !important;
}
.adult-warning-container:focus {
  outline: none !important;
}
.adult-warning-container .content-hidden {
  display: none !important;
}
.adult-warning-container:focus-within {
  border-color: transparent !important;
  background-color: transparent !important;
  padding: 0 !important;
  text-align: left !important;
}
.adult-warning-container:focus-within .warning-message {
  display: none !important;
}
.adult-warning-container:focus-within .content-hidden {
  display: block !important;
}

/* 分类云样式 */
.cat-cloud-item {
    display: inline-block !important;
    margin: 2px 5px !important;
    line-height: 1.6 !important;
    white-space: nowrap !important;
}
.cat-cloud-item.size-1 { font-size: 0.8em !important; color: #666 !important; }
.cat-cloud-item.size-2 { font-size: 1.0em !important; }
.cat-cloud-item.size-3 { font-size: 1.3em !important; }
.cat-cloud-item.size-4 { font-size: 1.6em !important; font-weight: bold !important; }
.cat-cloud-item.size-5 { font-size: 2.0em !important; font-weight: bold !important; }
.category-cloud-container a.external {
    background-image: none !important;
    padding-right: 0 !important;
}

/* 整块点击链接样式 */
.full-div-link {
  position: relative !important;
}
.full-div-link a::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  z-index: 1 !important;
}

/* 公告栏链接样式 */
.a555b6elianjie a {
    color: #555b6e !important;
    text-decoration: none !important;
}
.a555b6elianjie a:hover {
    color:#a3a8d8 !important;
    text-decoration: underline !important;
}
.a555b6elianjie a:visited {
    color: #555b6e !important;
}

/* 2025竞赛框架样式 */
.full-bleed {
  margin-left: -50vw !important;
  margin-right: -50vw !important;
  padding: 3em 50vw !important;
  box-sizing: border-box !important;
}
.full-bleed-em {
  margin-left: -30000em !important;
  margin-right: -30000em !important;
  padding-left: 30000em !important;
  padding-right: 30000em !important;
  padding-top: 3em !important;
  padding-bottom: 3em !important;
}
#newbee-contest-wrapper {
    position: relative !important;
}
.section-full-bleed {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    box-sizing: border-box !important;
}
.newbee-full-bleed {
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    padding: 4rem 50vw !important;
    box-sizing: border-box !important;
}
.newbee-header-bg {
    padding-top: 8rem !important;
    padding-bottom: 6rem !important;
    background: linear-gradient(to top, #eef2f5 0%, #f8f9fa 100%) !important;
    text-align: center !important;
}
.newbee-title-text {
    font-family: 'Noto Serif SC', serif !important;
    font-weight: 900 !important;
    font-size: 5rem !important;
    color: #333 !important;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.1) !important;
    border: 5px solid #333 !important;
    padding: 0.5em 1em !important;
    display: inline-block !important;
    border-radius: 15px !important;
    background-color: rgba(255,255,255,0.5) !important;
}
.newbee-infobox {
    background-color: #ffffff !important;
    border: 1px solid #ddd !important;
    border-radius: 1rem !important;
    padding: 1.5em 2em !important;
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.1) !important;
    margin-bottom: 2rem !important;
}
.newbee-infobox h1, .newbee-infobox h2, .newbee-infobox h3 {
    font-family: 'Noto Serif SC', serif !important;
    font-weight: 700 !important;
    text-align: center !important;
    margin-top: 0 !important;
}
.newbee-tt-placeholder {
    font-family: 'Noto Serif SC', serif !important;
    font-size: 1.8em !important;
    font-weight: bold !important;
    color: #555 !important;
    margin-top: -3.5rem !important;
    margin-bottom: 1rem !important;
    background-color: #ffffff !important;
    padding: 0 0.5em !important;
    display: inline-block !important;
}
.history-card {
    border: 1px solid #e0e0e0 !important;
    padding: 1em !important;
    text-align: center !important;
    background: #fafafa !important;
    margin-bottom: 1.5em !important;
    border-radius: 8px !important;
    height: 100% !important;
}
.history-card-img-placeholder {
    height: 120px !important;
    background: #e9e9e9 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #999 !important;
    font-size: 1.2em !important;
    border-radius: 4px !important;
}
.history-card h3 { margin-top: 0.5em !important; font-weight: bold !important; }
.passport-card {
    background-color: #f9f9f9 !important;
    border: 1px solid #e5e5e5 !important;
    padding: 1.25rem !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05) !important;
    border-radius: 8px !important;
    margin-bottom: 1rem !important;
    min-height: 100px !important;
    display: flex !important;
    align-items: center !important;
}
.container {
    max-width: 1140px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.hors { height: 5rem !important; }
.hor { height: 15rem !important; }
检索自“https://www.moshilu.com/wiki/index.php?title=MediaWiki:Common.css&oldid=146”
最后修改时间
此页面最后编辑于2026年3月28日 (星期六) 04:00。