MediaWiki:Common.css：修订间差异

来自HUIJIA FUN
（创建页面，内容为“→‎这里放置的CSS将应用于所有皮肤：​ @import url('/load.php?articles=MediaWiki:RightMenu.css&only=styles&mode=articles'); @import url("/load.php?mode=a…”）
 
（Edit）
 
（未显示同一用户的32个中间版本）
第1行： 第1行：
@import url('https://fonts.googleapis.com/css2?family=Rubik+80s+Fade&display=swap');
/* 这里放置的CSS将应用于所有皮肤 */
/* 这里放置的CSS将应用于所有皮肤 */
* 版权协定：知识共享 署名-非商业性使用-相同方式共享 3.0


/* 部分代码从https://otomad.wiki/MediaWiki:Common.css中复制粘贴 */


@import url('/load.php?articles=MediaWiki:RightMenu.css&only=styles&mode=articles');
/* 版权协定：知识共享 署名-非商业性使用-相同方式共享 3.0 */
@import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:AjaxPoll.Modern.css|u:dev:MediaWiki:BalancedBloglists.css|u:dev:MediaWiki:BalancedCategories.css|u:dev:MediaWiki:BalancedComments.css|u:dev:MediaWiki:BalancedMessageBoxes.css|u:dev:MediaWiki:BalancedPageBottom.css|u:dev:MediaWiki:BalancedProfile.css|u:dev:MediaWiki:BalancedScrollbar.css|u:dev:MediaWiki:LocalNavExploreIcons.css|u:dev:MediaWiki:BalancedSearch.css|u:dev:MediaWiki:BalancedSlider.css|u:dev:MediaWiki:BalancedTabber.css|u:dev:MediaWiki:CSS3Tooltip.css|u:dev:MediaWiki:Highlight.css|u:dev:MediaWiki:LeafyStrap.css|u:dev:MediaWiki:ThemeBasedStyling.css|u:dev:MediaWiki:ThemeColorClasses.css|u:dev:MediaWiki:ProgressBar.css|u:dev:MediaWiki:SpoilerBlur.css|u:dev:MediaWiki:UserAnimations.css|u:zh.ookami-chan:MediaWiki:Fandomdesktop.css");
@import url('https://fonts.googleapis.com/css2?display=swap&family=Long+Cang&family=Ma+Shan+Zheng&family=Noto+Serif+SC:wght@200;500;700&family=ZCOOL+XiaoWei&family=Zhi+Mang+Xing&family=Lobster&family=Ma+Shan+Zheng&family=ZCOOL+QingKe+HuangYou&family=Comfortaa&family=Silkscreen&family=Noto+Sans+SC&family=Oxygen+Mono&family=Overpass+Mono:wght@300');
@import url('https://fonts.googleapis.com/css?family=Lato:400,900|PT+Mono|Poppins:600,800|Share+Tech+Mono|Anonymous+Pro');
@import url('https://fonts.googleapis.com/css2?family=Island+Moments&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Baumans&family=Graduate&family=Kelly+Slab&family=Kumar+One&family=Tulpen+One&family=ZCOOL+QingKe+HuangYou&display=swap');


/*放大站点图标*/
/* 字体 */
.fandom-community-header__image img{
@font-face {
transform:scale(1.0);
    font-family: 'Yuesong';
transition:all 0.8s ease;
    src: url('https://cdn.jsdelivr.net/gh/channelwey/ZeroFont@main/Yuesong.woff2') format('woff2');
}
}
.fandom-community-header__image img:hover{
 
transform:scale(1.1) rotate(1.2deg);
@font-face {
transition:all 0.8s ease;
    font-family: 'Huiwen';
    src: url('https://cdn.jsdelivr.net/gh/channelwey/ZeroFont@main/汇文明朝体.woff2') format('woff2');
}
}


/*卡片浮起显示*/
@font-face {
.el-card {
    font-family: 'GuZhangHei';
box-shadow: none;
    src: url('https://cdn.jsdelivr.net/gh/channelwey/ZeroFont@main/瀞之故障黑体H2.woff2') format('woff2');
transition: all .38s ease-in-out;
  }
.el-card:hover {
box-shadow: 0 1.2px 6px rgba(0, 0, 0, .2);
transition: all .38s ease-in-out;
  }
.sl-card {
transition: all .32s ease;
}
}
.sl-card:hover{
 
transform:scale(1.08);
@font-face {
transition: all .32s ease;
    font-family: 'Dianzhensong';
    src: url('https://static.wikia.nocookie.net/backrooms/images/0/0d/%E7%82%B9%E9%98%B5%E5%AE%8B%E5%AD%97.woff2/revision/latest?cb=20230402095639&format=original&path-prefix=zh') format('woff2');
}
}


/* 导航栏动效 */
@font-face {
.wds-dropdown__toggle-chevron,
  font-family: '7397';
.fandom-community-header__local-navigation .wds-list .wds-dropdown-chevron{transition: .3s;}
  src: url('https://soka.cafe/images/c/cf/7397.ttf') format('truetype');
.fandom-community-header__local-navigation .wds-list li:hover .wds-dropdown-chevron {transform: rotate(0deg) !important;}
}


.wds-dropdown.wds-is-active .wds-dropdown__toggle-chevron, .wds-dropdown:not(.wds-is-touch-device):not(.wds-is-not-hoverable):hover .wds-dropdown__toggle-chevron {transform: rotate(180deg) !important;}
/* 修改展开状态下的最大高度 */
.mw-collapsible.mw-collapsed
{
    max-height: none;
}


/* 导航栏条目动效 */
/* 鼠标触碰 */
.fandom-community-header__local-navigation .wds-dropdown__content {
.custom-link
-webkit-animation: dropdown-topnav 0.3s;
{
-moz-animation: dropdown-topnav 0.3s;
    text-decoration: none;
animation: dropdown-topnav 0.3s
    color: none;
}
}
.fandom-community-header__local-navigation .wds-dropdown__content > .wds-dropdown-level-nested__content {
 
-webkit-animation: dropdown-animation 0.3s;
.custom-link:hover
-moz-animation: dropdown-animation 0.3s;
{
animation: dropdown-animation 0.3s
    text-decoration: underline;
    color: blue;
}
}
@keyframes dropdown-topnav {
 
from {opacity: 0; top: 30px}
/* Word breaking */
to {opacity: 1; top: 40px}
p {
  word-break: normal;
}
 
/* 左右分栏 */
#left-column
{
  float: left;
  width: 49%;
}
 
#right-column
{
  float: right;
  width: 49%;
}
}


/* 图片模糊 */
/* 左右分栏扩展 */
.no-margin-p p {margin: 0 0 0 0 !important;}
#left-column-full
{
  float: left;
  width: 50%;
}


.blurbehind{
#right-column-full
width: 100%;  
{
height:100% ;
  float: right;
text-align: center;
  width: 50%;
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
}
}


.marginblock {margin: 1rem !important; color: white;}
#middle-column-full
{
  float: middle;
  width: 50%;
}


/*令日间模式与夜间模式所显示的东西不一样 */
#left-column-0.3
.theme-fandomdesktop-light .onlydark {
{
display: none;
  float: left;
  width: 29%;
}
}
.theme-fandomdesktop-dark .onlylight {
 
display: none;
#left-column-0.7
{
  float: left;
  width: 69%;
}
}


/* 页眉滚栏 */
#right-column-0.3
.headerbox{
{
color:#fbe7b5;
  float: left;
text-shadow: 0 0 1pt rgb(251, 231, 181);
  width: 29%;
padding:1rem 0;
background: linear-gradient(180deg, rgba(133, 120, 88,0.5) 0%, rgba(251, 231, 181,1) 75%);
float:none;
width:auto;
margin:auto;
border-radius:1rem 1rem 0 0;
}
}


.scrollheader2{
#right-column-0.7
background: url(https://static.wikia.nocookie.net/backrooms/images/1/19/37ScrollHeader.png/revision/latest?cb=20220329005840);
{
animation: slide2 120s linear infinite;
  float: left;
background-size: 800px;
  width: 69%;
background-repeat: repeat;
width:calc(100% - 72px);
min-height: 150px;
border-radius:1rem 1rem 0 0;
position:absolute;
}
}


@keyframes slide2{
 
   0% {
/* 以下代码均从https://otomad.wiki/MediaWiki:Common.css复制 */
background-position: 120px bottom;
 
   }
/* 加载Material icons */
   100% {
@font-face {
background-position: -500px bottom;
   font-family: 'Material Icons';
   }
  font-style: normal;
   font-weight: 400;
   font-display: block;
   src: url(https://gstatic.loli.net/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}
}


/* 变更透明度动画 */
.material-icons, .md, .md-lg, .md-md, .md-sm {
@keyframes hide {
  font-family: 'Material Icons';
   0% {
  font-weight: normal;
opacity: 1;
  font-style: normal;
  }
  font-size: 24px;  /* Preferred icon size */
  100% {
  display: inline-block;
opacity: 0;
  line-height: 1;
  }
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  user-select: none;
 
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
 
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
 
  /* Support for IE. */
   font-feature-settings: 'liga';
}
.md-lg {
    font-size: 60px;
}
.md-md {
    font-size: 30px;
}
.md-sm {
    font-size: 10px;
}
}


/* 导航 */
/* 隐藏首页按钮和标题
.entityentry {
body.page-首页 #firstHeading, body.page-首页 li#ca-talk, body.page-首页 li#ca-watch, body.page-首页 li#ca-unwatch, body.page-首页 li#ca-history, body.page-首页 li#ca-nstab-main, body.page-首页 li#ca-viewsource, body.page-首页 #catlinks-sidebar, body.page-首页 #mw-normal-catlinks, body.page-首页 #ca-view {
  background-color:var(--theme-page-background-color--secondary);
display: none !important;
  color:rgba(var(--theme-page-text-color--rgb),0.7);
}*/
  padding: 0.5rem;
 
  margin: 0.5rem 0 0.5rem 0.25rem;
body.page-首页 #firstHeading{ display: none !important; }
  box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
 
  font-size: 80%;
body.page-首页 #siteSub {
  font-style: italic;
    display: none;
  border: solid 2px var(--theme-sticky-nav-background-color);
}
}


.entitylistname { font-size: 180%; font-style: normal !important; clear: both; color:rgba(var(--theme-page-text-color--rgb),1);}
.page-留言板 #mw-wrapper #flowthread {
margin-top: 0;
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse;
margin: 24px 0 4px;
}


/* 彩色动效及波动文字 */
.page-留言板 #mw-wrapper #flowthread .comment-paginator {
.rainbow_text {
border: 0;
background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
display: flex;
-webkit-background-clip: text;
justify-content: flex-end;
background-clip: text;
color: transparent;
animation: rainbow_animation 6s ease-in-out infinite;
background-size: 400% 100%;
}
}
.wavy-text {
 
display: inline-flex;
.page-留言板 #mw-wrapper #flowthread .comment-paginator span {
display: flex;
border: 0;
width: 36px;
height: 36px;
padding: 0;
margin: 0;
text-align: center;
align-items: center;
justify-content: center;
font-size: 14px;
font-size: 14px;
font-family: monospace;
border-radius: 0;
text-transform: uppercase;
background-color: #fafafa;
box-shadow: inset 0px 10px 4px -4px rgba(0, 0, 0, 0.04);
}
 
.page-留言板 #mw-wrapper #flowthread .comment-paginator span[current] {
color: white;
background-color: #fb7299;
box-shadow: 0 2px 4px rgba(240, 110, 142, 0.6);
font-weight: bold;
border-radius: 4px !important;
}
 
.page-留言板 #mw-wrapper #flowthread .comment-paginator span:first-child{
border-radius: 4px 0 0 4px;
}
 
.page-留言板 #mw-wrapper #flowthread .comment-paginator span:last-child{
border-radius: 0 4px 4px 0;
}
 
.res-img img {
max-width:100%;
height:auto;
}
 
/* 链接列表的转载标记 */
.repost-circle{
    display: inline-block;
    margin-left: 5px;
    border: solid 1px;
    border-radius: 100px;
    padding: 3px;
    font-size: 12px;
    line-height: 1;
    color: #e06386;
    border: 1px #e06386 solid;
}
.repost-circle a.external{
    background: none!important;
    padding-right: 0px!important;
    color: #e06386!important;
    box-sizing: border-box!important;
}
 
/* 本段内容来自萌娘百科 https://zh.moegirl.org.cn/MediaWiki:Gadget-site-styles.css 感谢贡献！*/
/* 版权协定：知识共享 署名-非商业性使用-相同方式共享 3.0 */
/* 黑幕模板配合CSS */
/* 把这几行单独拎出来写，否则会被Firefox合并到“.heimu a”这条规则，然后又被上面的“点过外链不变色”规则override */
.heimu,
.heimu rt {
    background-color: #252525;
}
span.heimu a.external,
span.heimu a.external:visited,
span.heimu a.extiw,
span.heimu a.extiw:visited {
    color: #252525;
}
.heimu,
.heimu a,
a .heimu,
.heimu a.new {
    color: #252525;
    text-shadow: none;
}
body:not(.heimu_toggle_on) .heimu:hover,
body:not(.heimu_toggle_on) .heimu:active,
body:not(.heimu_toggle_on) .heimu.off {
    transition: color .13s linear;
    color: white;
}
body:not(.heimu_toggle_on) .heimu:hover a,
body:not(.heimu_toggle_on) a:hover .heimu,
body:not(.heimu_toggle_on) .heimu.off a,
body:not(.heimu_toggle_on) a:hover .heimu.off {
    transition: color .13s linear;
    color: lightblue;
}
body:not(.heimu_toggle_on) .heimu.off .new,
body:not(.heimu_toggle_on) .heimu.off .new:hover,
body:not(.heimu_toggle_on) .new:hover .heimu.off,
body:not(.heimu_toggle_on) .heimu:hover .new {
    transition: color .13s linear;
    color: #FCC;
}
/* info类模板 */
.infoBox {
    margin: 10px auto;
    width: 80%;
    box-shadow: 0 1px 3px 0px rgb(0 0 0 / 20%);
    border-radius: 4px;
}
@media screen and (max-width: 850px) {
.infoBox {
float: unset !important;
    width: 100% !important;
    clear: both;
}}
.infoBox a, p{
    word-break: normal;
}
.infoBoxTitle {
    margin: 3px auto;
    padding: 6px 0 0 0;
    text-align: center;
    font-weight: 700;
}
.infoBoxIcon {
    display: table-cell;
    padding: 2px 0 2px .5em;
    vertical-align: middle;
}
.infoBoxText {
    display: table-cell;
    padding: .25em .5em .25em 1.3em;
    width: 100%;
    vertical-align: middle;
}
.infoBoxContent {
    border: 1px solid #ddd;
    border-left-width: 0;
    background: #fbfbfb;
}
.infoBoxBelow {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
/* wikitable green */
table.wikitable-green {
    background: #c9f6e1
}
.wikitable-green th {
    background: #13ec93
}
.wikitable-green td {
    background: #f3f3f3
}
 
 
 
/* 教程链接列表 */
/* 目前全部移动到 https://otomad.wiki/Template:链接列表/style.css 下
.tutorial-links {
width: 100%;
margin-bottom: 6px;
}
.tutorial-links>tbody>tr>td:first-child {
text-align: center;
width: 35px;
}
.tutorial-links>tbody>tr>td:first-child>span {
border: 1px #e06386 solid;
border-radius: 4px;
color: #e06386;
font-size: 12px;
height: 14px;
padding: 2px 4px;
}
.tutorial-links>tbody>tr>td:nth-child(2) {
padding-left: 6px;
}
.tutorial-links>tbody>tr>td:nth-child(3) {
font-size: 12px;
color: grey;
text-align: right;
}
*/
 
/*scrollUpButton样式*/
img#scrollUpButton, img#scrollDownButton {
    transition: transform 200ms;
}
img#scrollUpButton:hover {
    transform: scale(1.1);
}
img#scrollUpButton:active {
    transform: scale(.95);
}
img#scrollDownButton:hover {
    transform: rotate(180deg)scale(1.1) !important;
}
img#scrollDownButton:active {
    transform: rotate(180deg)scale(.95) !important;
}
 
/* 从https://zh.wikipedia.org/wiki/MediaWiki:Common.css引入的样式 */
/* Style for horizontal lists (separator following item) */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li {
    display: inline;
    margin: 0;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: " :";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* for IE 8 */
.hlist dd.nopunct:after,
.hlist dt.nopunct:after,
.hlist li.nopunct:after {
    content: none;
}
/* Add parens around nested lists */
.hlist dl dl:before,
.hlist ol ol:before,
.hlist ul ul:before {
    content: "（";
}
.hlist dl dl:after,
.hlist ol ol:after,
.hlist ul ul:after {
    content: "）";
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
    counter-increment: level1;
}
.hlist.hnum ol li:before {
    content: counter(level1) " ";
}
.hlist.hnum ol ol li {
    counter-increment: level2;
}
.hlist.hnum ol ol li:before {
    content: counter(level2) " ";
}
/* Default style for navigation boxes */
.navbox {                    /* Navbox container style */
    border: 1px solid #a2a9b1;
    width: 100%;
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
    width: 100%;
}
.navbox th,
.navbox-title,
.navbox-abovebelow {
    text-align: center;      /* Title and above/below styles */
    padding-left: 1em;
    padding-right: 1em;
}
th.navbox-group {            /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}
.navbox,
.navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}
.navbox-list {
    border-color: #fdfdfd;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
    background: transparent;  /* Odd row striping */
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)      */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
    padding: 0.125em 0;      /* Adjust hlist padding in navboxes */
}
.navbox .hlist dd,
.navbox .hlist dt,
.navbox .hlist li {
    white-space: nowrap;      /* Nowrap list items in navboxes */
}
.navbox .hlist dd dl,
.navbox .hlist dt dl,
.navbox .hlist li ol,
.navbox .hlist li ul {
    white-space: normal;      /* But allow parent list items to be wrapped */
}
ol + table.navbox,
ul + table.navbox {
    margin-top: 0.5em;       /* Prevent lists from clinging to navboxes */
}
}
.wavy-text span {
 
animation: jiggle;
/* Default styling for Navbar template */
animation-duration: 500ms;
.navbar {
animation-iteration-count: infinite;
    display: inline;
transform: translateY(-2px);
    font-weight: normal;
}
}
.wavy-text span:nth-child(10n+1) { animation-delay: 100ms }
.navbar ul {
.wavy-text span:nth-child(10n+2) { animation-delay: 200ms }
    display: inline;
.wavy-text span:nth-child(10n+3) { animation-delay: 300ms }
    white-space: nowrap;
.wavy-text span:nth-child(10n+4) { animation-delay: 400ms }
}
.wavy-text span:nth-child(10n+5) { animation-delay: 500ms }
.navbar li {
.wavy-text span:nth-child(10n+6) { animation-delay: 600ms }
    word-spacing: -0.125em;
.wavy-text span:nth-child(10n+7) { animation-delay: 700ms }
}
.wavy-text span:nth-child(10n+8) { animation-delay: 800ms }
.navbar.mini li abbr[title] {
.wavy-text span:nth-child(10n+9) { animation-delay: 900ms }
    font-variant: small-caps;
.wavy-text span:nth-child(10n)  { animation-delay: 1000ms }
    border-bottom: none;
    text-decoration: none;
@keyframes jiggle {
    cursor: inherit;
from {
}
transform: translateY(-2px);
/* Navbar styling when nested in navbox */
}
.navbox .navbar {
50% {
    display: block;
transform: translateY(2px);
}
}
.navbox-title .navbar {
to {
    /* @noflip */
transform: translateY(-2px);
    float: left;
}
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 8em;
}
}


.wavy-text {
/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
display: inline-flex;
  in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {     
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
  from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 8em;
}
/*个人资料设置页*/
.profile-tab{
background-color: unset;
padding: 9px 10px 10px;
font-size: 16px;
}
.profile-tab-on a:visited{
color: #000 !important;
}
.profile-tab a:visited{
color: #000 !important;
}
.profile-tab-on a, .profile-tab a{
color: #000;
}
.profile-tab-on{
background-color: unset;
padding: 9px 10px 10px;
font-size: 16px;
border-bottom: solid 2px #FB7299;
}
.eye-container .title{
color: #000;
font-size: 14px;
font-size: 14px;
font-family: monospace;
text-transform: uppercase;
}
}
.eye-container{
.wavy-text span {
box-shadow: none;
animation: jiggle;
opacity: 1.0;
animation-duration: 500ms;
}
animation-iteration-count: infinite;
/*提示框*/
transform: translateY(-2px);
.mw-notification{
border: none;
border-radius: 4px;
box-shadow: 0 0 12px rgb(0 0 0 / 15%);
}
/*修复和修改infobox*/
@media screen and (max-width: 850px){
.infobox{
width: 100%;
margin: 0em 0em 2em;
}}
@media screen and (min-width: 851px){
.infobox{
width: 300px;
margin: 1em 0 30px 30px;
}}
.infoBoxContent{
border: 0;
border-radius: 4px;
}
 
.fieldset{
border: 1px solid #c7c7c7;
border-radius: 4px;
padding: 0.35em 1.625em 0.75em;
}
textarea {
border-radius: 4px;
box-shadow: none;
background-color: transparent;
border: 1px solid var(--border-color-base--darker);
    outline: none;
}
textarea:hover {
border: 1px solid #fb7299;
background: transparent;
}
textarea:focus-visible {
box-shadow: inset 0 0 0 1px #fb7299;
    border: 1px solid #fb7299;
    background: transparent;
}
/*导航盒*/
.navbox th, .navbox-title {
background: #FCA6BF;
}
.navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title {
background: #FDBFD0;
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
background: #FED7E2;
}
.navbox-even {
background: #FFF0F4;
}
.navbox{
border: 0;
}
/* 资料卡 */
#profile-toggle-button{
background-color: #fb7299;
border-radius: 2px;
padding: 5px 10px;
transition: box-shadow 200ms,transform 200ms;
box-shadow: 0 4px 4px rgb(251 114 153 / 30%);
}
#profile-toggle-button a {
font-weight: bold;
}
#profile-toggle-button:hover {
box-shadow: 0 9px 9px rgb(251 114 153 / 30%);
}
#profile-toggle-button:active {
box-shadow: 0 0 0 rgb(251 114 153 / 30%);
transform: scale(.95);
background-color: #bd5774;
}
#profile-toggle-button:focus, #profile-toggle-button:focus-visible, #profile-toggle-button:focus-within {
box-shadow: inset 0 0 0 1px #fb7299, inset 0 0 0 2px #fff;
outline: 1px solid transparent;
}
.profile-on{
background-color: #fff6c3;
padding: 5px 10px 5px 10px;
border-radius: 4px;
border: none;
}
/*按钮动画*/
.oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button{
transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms,transform 200ms
}
/*圆形头像*/
#profile-image img{
    border-radius: 50%;
    padding: 4px;
    border: none;
    width: 75px;
}
.c-avatar img{
border-radius: 50%;
}
.profile-info img {
    border-radius: 50%;
}
}
/*解决cite定位内文字显示为斜体的问题*/
.wavy-text span:nth-child(1) { animation-delay: 100ms }
cite {
.wavy-text span:nth-child(2) { animation-delay: 200ms }
font-style: normal;
.wavy-text span:nth-child(3) { animation-delay: 300ms }
}
.wavy-text span:nth-child(4) { animation-delay: 400ms }
/* 首页dpl列表相关样式 */
.wavy-text span:nth-child(5) { animation-delay: 500ms }
.mini-block {
.wavy-text span:nth-child(6) { animation-delay: 600ms }
    width: 100%;
.wavy-text span:nth-child(7) { animation-delay: 700ms }
    min-width: 20%;
.wavy-text span:nth-child(8) { animation-delay: 800ms }
    padding: 16px;
.wavy-text span:nth-child(9) { animation-delay: 900ms }
    margin-top: 8px;
.wavy-text span:nth-child(10) { animation-delay: 1000ms }
    box-shadow: 0 3px 6px rgba(0,0,0,0.04);
    border: 1px solid; border-color: rgba(0,0,0,0.05);
@keyframes jiggle {
    border-radius: 8px;
from {
    word-break: normal;
transform: translateY(-2px);
    box-sizing: border-box;
}
.mini-block p {
margin: 0 0 1em 0;
}
.mini-block p:last-child {
margin: 0;
}
.mini-block-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    box-sizing: border-box;
}
.mini-block-list a{
color: #212121;
}
.mini-block-list a.new{
color: #212121;
}
.mini-block-list a:hover{
color: #00aeec;
}
.mini-block-list li a:hover {
    color: #212121;
}
.mini-block-container li{
    border-radius: 4px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    transition: background cubic-bezier(0.22,0.58,0.12,0.98) 0.4s;
}
.mini-block-title {
font-size: 24px;
font-weight: 500;
}
@media screen and (min-width: 851px) {
.mini-block-container li:hover {
    background: #0000000d;
}
}
50% {
.mini-block-container li:hover a {
transform: translateY(2px);
transform: translateX(5px);
}
to {
transform: translateY(-2px);
}
}
}
.mini-block-container ul {
    margin: 0;
    padding: 0;
}
.mini-block-container li a {
    padding: .5em .4em;
    display: inline-block;
    width: 100%;
    transition: transform cubic-bezier(0.22,0.58,0.12,0.98) 0.4s;
}
@media screen and (max-width: 850px) {
    .mini-block {
        align-self: stretch;
        width: auto;
    }
    .mini-block-container {
    flex-direction: column;
    }
}
/*针对移动端用户页的竖向排列*/
@media screen and (max-width: 850px){
#user-page-left {
    width: 100%;
    float: none;}
#user-page-right {
    width: 100%;
    float: none;
    }
}
/*移动端导航栏子级标题竖向排列*/
@media screen and (max-width: 850px){
th.navbox-group {
white-space: normal;
}
th.navbox-group div {
    line-height: 1.3em;
    width: 10px;
    margin: 10px 0;
}
}
}


@keyframes rainbow_animation {
/* 留言板FlowThread隐藏热门 */
0%,100% {
.page-留言板 .comment-container-top {
background-position: 0 0;
display: none;
}
}


50% {
/* 上传文件InfoBox排版增强修复 */
background-position: 100% 0;
.mw-special-Upload i.md {
}
display: flex;
}
.mw-special-Upload .infoBoxText li {
margin-top: 6px;
margin-bottom: 0;
}
}


/**[[MediaWiki:Edittools]]**/
/* 设置原生html组件的颜色 */
.insert-code {
body {
display: inline-block;
accent-color: #ea6b8f;
text-align: center;
background-color: var(--theme-page-background-color--secondary);
padding: 0 4px;
margin: 2px 0;
}
}


/* 现代化FlowThread主题 */
#flowthread .comment-submit {
font-family: inherit;
color: white;
border: 0;
background-color: #fb7299;
background-color: var(--color-primary);
text-shadow: none;
top: 0;
right: 0;
border-radius: 0 0 var(--border-radius--small) 0;
}


#flowthread .comment-toolbar {
height: 36px;
border: 0;
border-top: 1px solid var(--border-color-base--darker);
background-color: #f8f9fa;
background-color: var(--color-surface-2);
border-radius: 0 0 var(--border-radius--small) var(--border-radius--small);
margin-bottom: 0;
}


/* 万魔殿 */
#flowthread .comment-thread {
border: 0;
padding: 0;
}


/* 重复图片 */
#flowthread .comment-avatar {
@keyframes scrollers {
border-radius: 100%;
0% {margin-left: 0px;}
overflow: hidden;
100% {margin-left: -350px;}
}
}


.scrolling { width: 100%; overflow-x: hidden; position: relative; border-radius:1rem 1rem 0 0;}
#flowthread .comment-text {
.scrolly { display: flex; animation: scrollers linear 30s infinite;}
font-size: inherit;
.scrolly img, .scrolly div {width: 350px; height: 190px;}
.scrolly p { width: 350px; height: 190px;}
.scrolling .headerbox {  
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0; left: 0;
width: 100%;
    height: 190px;
}
}


#flowthread .comment-user, .comment-user a {
font-size: inherit;
color: var(--color-base--subtle);
}


/* div块样式 */
#flowthread .comment-footer {
.styled-quote {
font-size: 14px;
background-color: var(--theme-page-text-mix-color-95);
color: rgb(var(--theme-page-text-color--rgb));
border-left: 0.5rem solid var(--theme-page-accent-mix-color);
padding: 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0.05rem 0.1rem 0.3rem rgba(0,0,0,.25);
}
}
.dark-styled-quote {
 
background-color: rgb(var(--theme-accent-color--rgb));
#flowthread .flowthread-btn-wikitext,
border-left: 0.5rem solid var(--theme-link-color--hover);
#flowthread .flowthread-btn-preview {
color: white;
width: 36px;
padding: 1rem;
height: 36px;
margin: 0.5rem 0 0.5rem 0.25rem;
margin: 0;
box-shadow: 0.05rem 0.1rem 0.3rem rgba(0, 0, 0, 0.25);
box-shadow: none;
background-color: transparent;
border-radius: 100%;
border: 0 !important;
}
}
.dark-styled-quote a, .darkblock a{
 
color: white;
#flowthread .flowthread-btn-preview {
transform: translateX(-100%);
}
}
.darkblock {
 
background-color: rgb(var(--theme-accent-color--rgb));
#flowthread .flowthread-btn-wikitext.on+.flowthread-btn-preview {
color: white;
transform: none;
padding: 1rem;
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.25);
}
}
.lightblock {
 
background-color: var(--theme-page-background-color--secondary);
#flowthread .flowthread-btn-wikitext:hover,
color: rgb(var(--theme-page-text-color--rgb));
#flowthread .flowthread-btn-preview:hover {
padding: 1rem;
background-color: var(--background-color-quiet--hover);
margin: 0.5rem 0 0.5rem 0.25rem;
box-shadow: 0 0.2rem 0.3rem rgba(0, 0, 0, 0.25);
}
}


/* 页面背景 & 页眉滚栏(不清楚在哪里被用到了，但是确实是定制) */
#flowthread .comment-submit {
.wide-image img{
height: inherit;
width:calc(100%);
height:auto;
}
}


.header_box1{
#flowthread .comment-replybox > .comment-body {
color:#fbe7b5;
border: 1px solid var(--border-color-base--darker);
text-shadow: 0 0 1pt rgb(251, 231, 181);
border-radius: var(--border-radius--small);
background: linear-gradient(180deg, rgba(133, 120, 88,0.5) 0%, rgba(251, 231, 181,1) 100%);
padding-left: 0;
padding:16px 0;
margin-left: 60px;
margin:auto;
border-radius:0.5rem 0.5rem 0 0;
}
}


/*通知框*/
#flowthread .comment-replybox > .comment-body:has(textarea:focus-visible) {
.featurebox{
border-color: var(--color-primary);
padding:0 0.5rem;
margin:1rem 0;
background:#ffffff;
border-radius:0.6rem;
border: 3px solid #e0e0e0;
box-sizing:border-box;
z-index:99999 !important;
}
}
.scroll_header1{
 
background: url(https://static.wikia.nocookie.net/backrooms/images/9/93/L1.4K_0.jpg/revision/latest?cb=20220727100723&path-prefix=zh);
#flowthread .comment-replybox > .comment-body textarea, #flowthread .comment-preview {
animation: slide3 120s infinite;
background-color: transparent;
background-size: 100%;
border: 0;
width:calc(100% - 72px);/*减宽，防止图片宽度超过纸张，且此宽度恰好将图片置于纸张正中*/
box-shadow: none;
min-height: 120px;
border-radius:0.5rem 0.5rem 0 0;
position:absolute;
}
}


@keyframes slide1{
#flowthread .comment-post,
  0% {
#flowthread .comment-container > .comment-thread {
background-position: 0 0;
padding: 12px 0;
  }
  50% {
background-position: -200px 0;/*横向滑动。背景左上角到div左上角的距离；最左为0px，最右为calc(-100%)*/
  }
  100% {
background-position: 0 0;
  }
}
}


@keyframes slide3{
#flowthread .comment-reply::before,
  0% {
#flowthread .comment-like::before,
background-position: 0 33%;
#flowthread .comment-report::before,
  }
#flowthread .comment-delete::before {
  50% {
display: inline-block;
background-position: 0 66%;/*纵向滑动。背景的哪个位置在div左上角；若填正值从左上角计算，负值则是右下；最上为0%或-100%，最下为100%或-0%*/
background-image: none;
  }
direction: ltr;
  100% {
font-family: 'Material Icons';
background-position: 0 33%;
font-feature-settings: 'liga';
  }
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-height: 1;
text-align: center;
text-indent: 0;
text-rendering: optimizeLegibility;
text-transform: none;
user-select: none;
vertical-align: middle;
white-space: nowrap;
word-wrap: normal;
width: 18px;
height: 18px;
color: black;
font-size: 18px;
opacity: var(--opacity-icon-base);
border-radius: 100%;
}
}
.featureflavor{
 
padding:0 0.5rem;
#flowthread .comment-reply::before {
margin:0.5rem 0;
content: 'reply';
background:#f0f0f0;
}
border-radius:0.6rem;
#flowthread .comment-like::before {
box-shadow: 0px 0px 3px;
content: 'favorite';
border: 1.75px solid #efefef;
}
box-sizing:border-box;
#flowthread .comment-report::before {
transition:0.2s;
content: 'flag';
}
#flowthread .comment-delete::before {
content: 'delete';
}
#flowthread .comment-like[liked],
#flowthread .comment-report[reported] {
color: var(--color-primary);
}
#flowthread .comment-like[liked]::before,
#flowthread .comment-report[reported]::before {
opacity: 1;
color: var(--color-primary);
}
 
/* 表格 */
table.wikitable {
    width: 100%;
    display: table;
    background-color: #fff;
    margin: 1em 0;
    border: none;
    border-collapse: separate;
    border-spacing: 0;
    box-shadow: 0 4px 15px rgba(2, 95, 50, 0.1);
    border-radius: 6px;
    overflow: hidden;
    font-family: sans-serif;
    font-size: 0.95em;
}
 
table.wikitable > tr > th,
table.wikitable > * > tr > th {
    background-color: #025F32;
    color: #ffffff;
    text-align: center;
    padding: 16px;
    font-weight: 600;
    border: none;
    border-bottom: 3px solid #8A9B8A;
    position: relative;
}
}


.entityentry {
table.wikitable > tr > td,
  background-color:var(--theme-page-background-color--secondary);
table.wikitable > * > tr > td {
  color:rgba(var(--theme-page-text-color--rgb),0.7);
    padding: 12px 15px;
  padding: 0.5rem;
    border: none;
  margin: 0.5rem 0 0.5rem 0.25rem;
    border-bottom: 1px solid #eeeeee;
  box-shadow: 0 0.2rem 0.3rem rgba(0,0,0,.25);
    color: #333;
  font-size: 80%;
    line-height: 1.5;
  font-style: italic;
  border: solid 2px var(--theme-sticky-nav-background-color);
}
}


.entitylistname { font-size: 180%; font-style: normal !important; clear: both; color:rgba(var(--theme-page-text-color--rgb),1);}
table.wikitable > tbody > tr:nth-of-type(even) {
    background-color: #f7fbf7;
}


.cbadge {
table.wikitable > tbody > tr:last-of-type > td {
background-color:var(--theme-page-background-color--secondary);
    border-bottom: 3px solid #006400;
color:rgb(var(--theme-page-text-color--rgb));
padding: 3px;
margin: 0.5rem 0 0.5rem 0.25rem;
border: solid 0.3rem var(--theme-page-accent-mix-color);
opacity: 0.5;
border-radius: 10px;
}
}


.cbadge:after { content:" - Personal Canon"; }
table.wikitable > tbody > tr:hover td {
    background-color: #e0ebe0;
    color: #004D00;
    transition: all 0.2s ease;
}


.ibadge {
@media screen and (max-width: 768px) {
background-color:rgb(var( --meg-mint));
    table.wikitable {
color:rgb(12, 12, 12);
        display: block;
padding: 3px;
        overflow-x: auto;
margin: 0.5rem 0 0.5rem 0.25rem;
        white-space: nowrap;
border: solid 0.3rem rgb(var(--meg-green));
    }
opacity: 0.5;
border-radius: 10px;
}
}


.ibadge:after { content:" - Impresario Canon"; }
/* 表格 完 */

2026年1月2日 (五) 22:42的最新版本

@import url('https://fonts.googleapis.com/css2?family=Rubik+80s+Fade&display=swap');

/* 这里放置的CSS将应用于所有皮肤 */
 * 版权协定：知识共享 署名-非商业性使用-相同方式共享 3.0

/* 部分代码从https://otomad.wiki/MediaWiki:Common.css中复制粘贴 */

/* 版权协定：知识共享 署名-非商业性使用-相同方式共享 3.0 */

/* 字体 */
@font-face {
    font-family: 'Yuesong';
    src: url('https://cdn.jsdelivr.net/gh/channelwey/ZeroFont@main/Yuesong.woff2') format('woff2');
}

@font-face {
    font-family: 'Huiwen';
    src: url('https://cdn.jsdelivr.net/gh/channelwey/ZeroFont@main/汇文明朝体.woff2') format('woff2');
}

@font-face {
    font-family: 'GuZhangHei';
    src: url('https://cdn.jsdelivr.net/gh/channelwey/ZeroFont@main/瀞之故障黑体H2.woff2') format('woff2');
}

@font-face {
    font-family: 'Dianzhensong';
    src: url('https://static.wikia.nocookie.net/backrooms/images/0/0d/%E7%82%B9%E9%98%B5%E5%AE%8B%E5%AD%97.woff2/revision/latest?cb=20230402095639&format=original&path-prefix=zh') format('woff2');
}

@font-face {
  font-family: '7397';
  src: url('https://soka.cafe/images/c/cf/7397.ttf') format('truetype');
}

/* 修改展开状态下的最大高度 */
.mw-collapsible.mw-collapsed
{
    max-height: none;
}

/* 鼠标触碰 */
.custom-link
{
    text-decoration: none;
    color: none;
}

.custom-link:hover
{
    text-decoration: underline;
    color: blue;
}

/* Word breaking */
p {
  word-break: normal;
}

/* 左右分栏 */
#left-column
{
   float: left;
   width: 49%;
}

#right-column
{
   float: right;
   width: 49%;
}

/* 左右分栏扩展 */
#left-column-full
{
   float: left;
   width: 50%;
}

#right-column-full
{
   float: right;
   width: 50%;
}

#middle-column-full
{
   float: middle;
   width: 50%;
}

#left-column-0.3
{
   float: left;
   width: 29%;
}

#left-column-0.7
{
   float: left;
   width: 69%;
}

#right-column-0.3
{
   float: left;
   width: 29%;
}

#right-column-0.7
{
   float: left;
   width: 69%;
}


/* 以下代码均从https://otomad.wiki/MediaWiki:Common.css复制 */

/* 加载Material icons */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url(https://gstatic.loli.net/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons, .md, .md-lg, .md-md, .md-sm {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  user-select: none;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}
.md-lg {
    font-size: 60px;
}
.md-md {
    font-size: 30px;
}
.md-sm {
    font-size: 10px;
}

/* 隐藏首页按钮和标题 
body.page-首页 #firstHeading, body.page-首页 li#ca-talk, body.page-首页 li#ca-watch, body.page-首页 li#ca-unwatch, body.page-首页 li#ca-history, body.page-首页 li#ca-nstab-main, body.page-首页 li#ca-viewsource, body.page-首页 #catlinks-sidebar, body.page-首页 #mw-normal-catlinks, body.page-首页 #ca-view {
	display: none !important;
}*/

body.page-首页 #firstHeading{ display: none !important; }

body.page-首页 #siteSub {
    display: none;
}

.page-留言板 #mw-wrapper #flowthread {
	margin-top: 0;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column-reverse;
	margin: 24px 0 4px;
}

.page-留言板 #mw-wrapper #flowthread .comment-paginator {
	border: 0;
	display: flex;
	justify-content: flex-end;
}

.page-留言板 #mw-wrapper #flowthread .comment-paginator span {
	display: flex;
	border: 0;
	width: 36px;
	height: 36px;
	padding: 0;
	margin: 0;
	text-align: center;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	border-radius: 0;
	background-color: #fafafa;
	box-shadow: inset 0px 10px 4px -4px rgba(0, 0, 0, 0.04);
}

.page-留言板 #mw-wrapper #flowthread .comment-paginator span[current] {
	color: white;
	background-color: #fb7299;
	box-shadow: 0 2px 4px rgba(240, 110, 142, 0.6);
	font-weight: bold;
	border-radius: 4px !important;
}

.page-留言板 #mw-wrapper #flowthread .comment-paginator span:first-child{
	border-radius: 4px 0 0 4px;
}

.page-留言板 #mw-wrapper #flowthread .comment-paginator span:last-child{
	border-radius: 0 4px 4px 0;
}

.res-img img {
	max-width:100%;
	height:auto;
}

/* 链接列表的转载标记 */
.repost-circle{
    display: inline-block;
    margin-left: 5px;
    border: solid 1px;
    border-radius: 100px;
    padding: 3px;
    font-size: 12px;
    line-height: 1;
    color: #e06386;
    border: 1px #e06386 solid;
}
.repost-circle a.external{
    background: none!important;
    padding-right: 0px!important;
    color: #e06386!important;
    box-sizing: border-box!important;
}

/* 本段内容来自萌娘百科 https://zh.moegirl.org.cn/MediaWiki:Gadget-site-styles.css 感谢贡献！*/
/* 版权协定：知识共享 署名-非商业性使用-相同方式共享 3.0 */
/* 黑幕模板配合CSS */
/* 把这几行单独拎出来写，否则会被Firefox合并到“.heimu a”这条规则，然后又被上面的“点过外链不变色”规则override */
.heimu,
.heimu rt {
    background-color: #252525;
}
span.heimu a.external,
span.heimu a.external:visited,
span.heimu a.extiw,
span.heimu a.extiw:visited {
    color: #252525;
}
.heimu,
.heimu a,
a .heimu,
.heimu a.new {
    color: #252525;
    text-shadow: none;
}
body:not(.heimu_toggle_on) .heimu:hover,
body:not(.heimu_toggle_on) .heimu:active,
body:not(.heimu_toggle_on) .heimu.off {
    transition: color .13s linear;
    color: white;
}
body:not(.heimu_toggle_on) .heimu:hover a,
body:not(.heimu_toggle_on) a:hover .heimu,
body:not(.heimu_toggle_on) .heimu.off a,
body:not(.heimu_toggle_on) a:hover .heimu.off {
    transition: color .13s linear;
    color: lightblue;
}
body:not(.heimu_toggle_on) .heimu.off .new,
body:not(.heimu_toggle_on) .heimu.off .new:hover,
body:not(.heimu_toggle_on) .new:hover .heimu.off,
body:not(.heimu_toggle_on) .heimu:hover .new {
    transition: color .13s linear;
    color: #FCC;
}
/* info类模板 */
.infoBox {
    margin: 10px auto;
    width: 80%;
    box-shadow: 0 1px 3px 0px rgb(0 0 0 / 20%);
    border-radius: 4px;
}
@media screen and (max-width: 850px) {
.infoBox {
	float: unset !important;
    width: 100% !important;
    clear: both;
}}
.infoBox a, p{
    word-break: normal;
}
.infoBoxTitle {
    margin: 3px auto;
    padding: 6px 0 0 0;
    text-align: center;
    font-weight: 700;
}
.infoBoxIcon {
    display: table-cell;
    padding: 2px 0 2px .5em;
    vertical-align: middle;
}
.infoBoxText {
    display: table-cell;
    padding: .25em .5em .25em 1.3em;
    width: 100%;
    vertical-align: middle;
}
.infoBoxContent {
    border: 1px solid #ddd;
    border-left-width: 0;
    background: #fbfbfb;
}
.infoBoxBelow {
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
/* wikitable green */
table.wikitable-green {
    background: #c9f6e1
}
.wikitable-green th {
    background: #13ec93
}
.wikitable-green td {
    background: #f3f3f3
}



/* 教程链接列表 */
/* 目前全部移动到 https://otomad.wiki/Template:链接列表/style.css 下
.tutorial-links {
	width: 100%;
	margin-bottom: 6px;
}
.tutorial-links>tbody>tr>td:first-child {
	text-align: center;
	width: 35px;
}
.tutorial-links>tbody>tr>td:first-child>span {
	border: 1px #e06386 solid;
	border-radius: 4px;
	color: #e06386;
	font-size: 12px;
	height: 14px;
	padding: 2px 4px;
}
.tutorial-links>tbody>tr>td:nth-child(2) {
	padding-left: 6px;
}
.tutorial-links>tbody>tr>td:nth-child(3) {
	font-size: 12px;
	color: grey;
	text-align: right;
}
*/

/*scrollUpButton样式*/
img#scrollUpButton, img#scrollDownButton {
    transition: transform 200ms;
}
img#scrollUpButton:hover {
    transform: scale(1.1);
}
img#scrollUpButton:active {
    transform: scale(.95);
}
img#scrollDownButton:hover {
    transform: rotate(180deg)scale(1.1) !important;
}
img#scrollDownButton:active {
    transform: rotate(180deg)scale(.95) !important;
}

/* 从https://zh.wikipedia.org/wiki/MediaWiki:Common.css引入的样式 */
/* Style for horizontal lists (separator following item) */
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
}
.hlist dd,
.hlist dt,
.hlist li {
    display: inline;
    margin: 0;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
	display: inline;
}
/* Generate interpuncts */
.hlist dt:after {
    content: " :";
}
.hlist dd:after,
.hlist li:after {
    content: " · ";
    font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
    content: none;
}
/* for IE 8 */
.hlist dd.nopunct:after,
.hlist dt.nopunct:after,
.hlist li.nopunct:after {
    content: none;
}
/* Add parens around nested lists */
.hlist dl dl:before,
.hlist ol ol:before,
.hlist ul ul:before {
    content: "（";
}
.hlist dl dl:after,
.hlist ol ol:after,
.hlist ul ul:after {
    content: "）";
}
/* Put numbers in ordered lists */
.hlist.hnum ol li {
    counter-increment: level1;
}
.hlist.hnum ol li:before {
    content: counter(level1) " ";
}
.hlist.hnum ol ol li {
    counter-increment: level2;
}
.hlist.hnum ol ol li:before {
    content: counter(level2) " ";
}
/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
    border: 1px solid #a2a9b1;
    width: 100%; 
    margin: auto;
    clear: both;
    font-size: 88%;
    text-align: center;
    padding: 1px;
}
.navbox-inner,
.navbox-subgroup {
    width: 100%;
}
.navbox th,
.navbox-title,
.navbox-abovebelow {
    text-align: center;       /* Title and above/below styles */
    padding-left: 1em;
    padding-right: 1em;
}
th.navbox-group {             /* Group style */
    white-space: nowrap;
    /* @noflip */
    text-align: right;
}
.navbox,
.navbox-subgroup {
    background: #fdfdfd;      /* Background color */
}
.navbox-list {
    border-color: #fdfdfd;    /* Must match background color */
}
.navbox th,
.navbox-title {
    background: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
    background: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
    background: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
    background: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
    background: transparent;  /* Odd row striping */
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
    margin-top: -1px;          /* (doesn't work for IE6, but that's okay)       */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
    padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
.navbox .hlist dd,
.navbox .hlist dt,
.navbox .hlist li {
    white-space: nowrap;      /* Nowrap list items in navboxes */
}
.navbox .hlist dd dl,
.navbox .hlist dt dl,
.navbox .hlist li ol,
.navbox .hlist li ul {
    white-space: normal;      /* But allow parent list items to be wrapped */
}
ol + table.navbox,
ul + table.navbox {
    margin-top: 0.5em;        /* Prevent lists from clinging to navboxes */
}

/* Default styling for Navbar template */
.navbar {
    display: inline;
    font-weight: normal;
}
.navbar ul {
    display: inline;
    white-space: nowrap;
}
.navbar li {
    word-spacing: -0.125em;
}
.navbar.mini li abbr[title] {
    font-variant: small-caps;
    border-bottom: none;
    text-decoration: none;
    cursor: inherit;
}
/* Navbar styling when nested in navbox */
.navbox .navbar {
    display: block;
}
.navbox-title .navbar {
    /* @noflip */
    float: left;
    /* @noflip */
    text-align: left;
    /* @noflip */
    margin-right: 0.5em;
    width: 8em;
}

/* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript
   in [[MediaWiki:Common.js]] are styled here so they can be customised. */
.collapseButton {       
    /* @noflip */
    float: right;
    font-weight: normal;
    /* @noflip */
    margin-left: 0.5em;
    /* @noflip */
    text-align: right;
    width: auto;
}
/* In navboxes, the show/hide button balances the v·d·e links
   from [[Template:Navbar]], so they need to be the same width. */
.navbox .collapseButton {
    width: 8em;
}
/*个人资料设置页*/
.profile-tab{
	background-color: unset;
	padding: 9px 10px 10px;
	font-size: 16px;
}
.profile-tab-on a:visited{
	color: #000 !important;
}
.profile-tab a:visited{
	color: #000 !important;
}
.profile-tab-on a, .profile-tab a{
	color: #000;
}
.profile-tab-on{
	background-color: unset;
	padding: 9px 10px 10px;
	font-size: 16px;
	border-bottom: solid 2px #FB7299;
}
.eye-container .title{
	color: #000;
	font-size: 14px;
}
.eye-container{
	box-shadow: none;
	opacity: 1.0;
}
/*提示框*/
.mw-notification{
	border: none;
	border-radius: 4px;
	box-shadow: 0 0 12px rgb(0 0 0 / 15%);
}
/*修复和修改infobox*/
@media screen and (max-width: 850px){
.infobox{
	width: 100%;
	margin: 0em 0em 2em;
}}
@media screen and (min-width: 851px){
.infobox{
	width: 300px;
	margin: 1em 0 30px 30px;
}}
.infoBoxContent{
	border: 0;
	border-radius: 4px;
}

.fieldset{
	border: 1px solid #c7c7c7;
	border-radius: 4px;
	padding: 0.35em 1.625em 0.75em;
}
textarea {
	border-radius: 4px;
	box-shadow: none;
	background-color: transparent;
	border: 1px solid var(--border-color-base--darker);
    outline: none;
}
textarea:hover {
	border: 1px solid #fb7299;
	background: transparent;
}
textarea:focus-visible {
	box-shadow: inset 0 0 0 1px #fb7299;
    border: 1px solid #fb7299;
    background: transparent;
}
/*导航盒*/
.navbox th, .navbox-title {
	background: #FCA6BF;
}
.navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title {
	background: #FDBFD0;
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
	background: #FED7E2;
}
.navbox-even {
	background: #FFF0F4;
}
.navbox{
	border: 0;
}
/* 资料卡 */
#profile-toggle-button{
	background-color: #fb7299;
	border-radius: 2px;
	padding: 5px 10px;
	transition: box-shadow 200ms,transform 200ms;
	box-shadow: 0 4px 4px rgb(251 114 153 / 30%);
}
#profile-toggle-button a {
	font-weight: bold;
}
#profile-toggle-button:hover {
	box-shadow: 0 9px 9px rgb(251 114 153 / 30%);
}
#profile-toggle-button:active {
	box-shadow: 0 0 0 rgb(251 114 153 / 30%);
	transform: scale(.95);
	background-color: #bd5774;
}
#profile-toggle-button:focus, #profile-toggle-button:focus-visible, #profile-toggle-button:focus-within {
	box-shadow: inset 0 0 0 1px #fb7299, inset 0 0 0 2px #fff;
	outline: 1px solid transparent;
}
.profile-on{
	background-color: #fff6c3;
	padding: 5px 10px 5px 10px;
	border-radius: 4px;
	border: none;
}
/*按钮动画*/
.oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button{
	transition: background-color 100ms,color 100ms,border-color 100ms,box-shadow 100ms,transform 200ms
}
/*圆形头像*/
#profile-image img{
    border-radius: 50%;
    padding: 4px;
    border: none;
    width: 75px;
}
.c-avatar img{
	border-radius: 50%;
}
.profile-info img {
    border-radius: 50%;
}
/*解决cite定位内文字显示为斜体的问题*/
cite {
	font-style: normal;
}
/* 首页dpl列表相关样式 */
.mini-block {
    width: 100%;
    min-width: 20%;
    padding: 16px;
    margin-top: 8px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.04);
    border: 1px solid; border-color: rgba(0,0,0,0.05);
    border-radius: 8px;
    word-break: normal;
    box-sizing: border-box;
}
.mini-block p {
	margin: 0 0 1em 0;
}
.mini-block p:last-child {
	margin: 0;
}
.mini-block-container {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 8px;
    box-sizing: border-box;
}
.mini-block-list a{
	color: #212121;
}
.mini-block-list a.new{
	color: #212121;
}
.mini-block-list a:hover{
	color: #00aeec;
}
.mini-block-list li a:hover {
    color: #212121;
}
.mini-block-container li{
    border-radius: 4px;
    margin: 0;
    list-style: none;
    cursor: pointer;
    transition: background cubic-bezier(0.22,0.58,0.12,0.98) 0.4s;
}
.mini-block-title {
	font-size: 24px;
	font-weight: 500;
}
@media screen and (min-width: 851px) {
	.mini-block-container li:hover {
    	background: #0000000d;
	}
	.mini-block-container li:hover a {
		transform: translateX(5px);
	}
}
.mini-block-container ul {
    margin: 0;
    padding: 0;
}
.mini-block-container li a {
    padding: .5em .4em;
    display: inline-block;
    width: 100%;
    transition: transform cubic-bezier(0.22,0.58,0.12,0.98) 0.4s;
}
@media screen and (max-width: 850px) {
    .mini-block {
        align-self: stretch;
        width: auto;
    }
    .mini-block-container {
    	flex-direction: column;
    }
}


/*针对移动端用户页的竖向排列*/
@media screen and (max-width: 850px){
#user-page-left {
    width: 100%;
    float: none;}
#user-page-right {
    width: 100%;
    float: none;
    }
}

/*移动端导航栏子级标题竖向排列*/
@media screen and (max-width: 850px){
th.navbox-group {
	white-space: normal;
}
th.navbox-group div {
    line-height: 1.3em;
    width: 10px;
    margin: 10px 0;
}
}

/* 留言板FlowThread隐藏热门 */
.page-留言板 .comment-container-top {
	display: none;
}

/* 上传文件InfoBox排版增强修复 */
.mw-special-Upload i.md {
	display: flex;
}
.mw-special-Upload .infoBoxText li {
	margin-top: 6px;
	margin-bottom: 0;
}

/* 设置原生html组件的颜色 */
body {
	accent-color: #ea6b8f;
}

/* 现代化FlowThread主题 */
#flowthread .comment-submit {
	font-family: inherit;
	color: white;
	border: 0;
	background-color: #fb7299;
	background-color: var(--color-primary);
	text-shadow: none;
	top: 0;
	right: 0;
	border-radius: 0 0 var(--border-radius--small) 0;
}

#flowthread .comment-toolbar {
	height: 36px;
	border: 0;
	border-top: 1px solid var(--border-color-base--darker);
	background-color: #f8f9fa;
	background-color: var(--color-surface-2);
	border-radius: 0 0 var(--border-radius--small) var(--border-radius--small);
	margin-bottom: 0;
}

#flowthread .comment-thread {
	border: 0;
	padding: 0;
}

#flowthread .comment-avatar {
	border-radius: 100%;
	overflow: hidden;
}

#flowthread .comment-text {
	font-size: inherit;
}

#flowthread .comment-user, .comment-user a {
	font-size: inherit;
	color: var(--color-base--subtle);
}

#flowthread .comment-footer {
	font-size: 14px;
}

#flowthread .flowthread-btn-wikitext, 
#flowthread .flowthread-btn-preview {
	width: 36px;
	height: 36px;
	margin: 0;
	box-shadow: none;
	background-color: transparent;
	border-radius: 100%;
	border: 0 !important;
}

#flowthread .flowthread-btn-preview {
	transform: translateX(-100%);
}

#flowthread .flowthread-btn-wikitext.on+.flowthread-btn-preview {
	transform: none;
}

#flowthread .flowthread-btn-wikitext:hover, 
#flowthread .flowthread-btn-preview:hover {
	background-color: var(--background-color-quiet--hover);
}

#flowthread .comment-submit {
	height: inherit;
}

#flowthread .comment-replybox > .comment-body {
	border: 1px solid var(--border-color-base--darker);
	border-radius: var(--border-radius--small);
	padding-left: 0;
	margin-left: 60px;
}

#flowthread .comment-replybox > .comment-body:has(textarea:focus-visible) {
	border-color: var(--color-primary);
}

#flowthread .comment-replybox > .comment-body textarea, #flowthread .comment-preview {
	background-color: transparent;
	border: 0;
	box-shadow: none;
}

#flowthread .comment-post,
#flowthread .comment-container > .comment-thread {
	padding: 12px 0;
}

#flowthread .comment-reply::before,
#flowthread .comment-like::before,
#flowthread .comment-report::before,
#flowthread .comment-delete::before {
	display: inline-block;
	background-image: none;
	direction: ltr;
	font-family: 'Material Icons';
	font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1;
	text-align: center;
	text-indent: 0;
	text-rendering: optimizeLegibility;
	text-transform: none;
	user-select: none;
	vertical-align: middle;
	white-space: nowrap;
	word-wrap: normal;
	width: 18px;
	height: 18px;
	color: black;
	font-size: 18px;
	opacity: var(--opacity-icon-base);
	border-radius: 100%;
}

#flowthread .comment-reply::before {
	content: 'reply';
}
#flowthread .comment-like::before {
	content: 'favorite';
}
#flowthread .comment-report::before {
	content: 'flag';
}
#flowthread .comment-delete::before {
	content: 'delete';
}
#flowthread .comment-like[liked],
#flowthread .comment-report[reported] {
	color: var(--color-primary);
}
#flowthread .comment-like[liked]::before,
#flowthread .comment-report[reported]::before {
	opacity: 1;
	color: var(--color-primary);
}

/* 表格 */
table.wikitable {
    width: 100%;
    display: table;
    background-color: #fff;
    margin: 1em 0;
    border: none;
    border-collapse: separate;
    border-spacing: 0;
    box-shadow: 0 4px 15px rgba(2, 95, 50, 0.1);
    border-radius: 6px;
    overflow: hidden;
    font-family: sans-serif;
    font-size: 0.95em;
}

table.wikitable > tr > th, 
table.wikitable > * > tr > th {
    background-color: #025F32;
    color: #ffffff;
    text-align: center;
    padding: 16px;
    font-weight: 600;
    border: none;
    border-bottom: 3px solid #8A9B8A;
    position: relative;
}

table.wikitable > tr > td, 
table.wikitable > * > tr > td {
    padding: 12px 15px;
    border: none;
    border-bottom: 1px solid #eeeeee;
    color: #333;
    line-height: 1.5;
}

table.wikitable > tbody > tr:nth-of-type(even) {
    background-color: #f7fbf7;
}

table.wikitable > tbody > tr:last-of-type > td {
    border-bottom: 3px solid #006400;
}

table.wikitable > tbody > tr:hover td {
    background-color: #e0ebe0;
    color: #004D00;
    transition: all 0.2s ease;
}

@media screen and (max-width: 768px) {
    table.wikitable {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}

/* 表格 完 */
取自“https://huijia.fun/index.php?title=MediaWiki:Common.css&oldid=1809”