MediaWiki:Common.css

/* 这里放置的CSS将应用于所有皮肤 */
/* 深色#b85175 浅色#f4b7d6 */

/* WIKI背景图 */
body {
    background: url("https://i.17173cdn.com/g8bz6k/hbr/e/ea/hbrbackground.png") fixed no-repeat center center / cover;
  }
  
.so-page .so-content-in .mw-parser-output .description-container {
    text-align: center;
    /* color: lightslategray; */
    box-shadow: rgba(0,0,0,0.24) 0px 3px 8px 0px;
    border-radius: 0.5em;
    margin: 10px 0 10px 0;
    padding: 10px;
    display: table;
    width: 100%;
    margin: 12px 0;
    font-style: normal;
    /* background: #4e57741a; */
    border-left: 3px solid #b85175;
    overflow: hidden
}

.description-display {
    display: table-cell;
    vertical-align: middle
}

/* logo */
.so-logo img {
    max-height: 110px;
    margin-right: 1em;
}

.so-header-c2.so-nav.so-nav-fixed .so-menu-logo .so-logo img {
    max-height: 40px;
}

body .mw-parser-output h2{
    border-left: none;
    color: #b92b5d;
    background: #b4bff2;
    background: -webkit-linear-gradient(left, #b4bff2 0, #f49dc6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#b4bff2), to(#f49dc6));
    background: linear-gradient(to right, #b4bff2 0, #f49dc6 100%);
}

.mw-parser-output h2::after {
    content: '';
    display: none;
}

body .wikitable>tr>th, .wikitable-yellow>tr>th, .wikitable-yellow-fill>tr>th, .wikitable>*>tr>th, .wikitable-yellow>*>tr>th, .wikitable-yellow-fill>*>tr>th {
    background-color: #b4bff221 !important;
    color: #b92b5d !important;
}

#mw-content-text td.skill-name{
    /* color: #b92b5d; */
    text-align: center;
    font-size: 180%;
    font-weight: bold;
}

/* Site.css */
.so-page #mw-content-text,.so-page .so-content.so-container .so-pandora-comment {
	position: relative;
	z-index: 0;
}
/* Site.css end */

.mod-c-gonglue {
    margin: 10px;
}

.so-page .so-content.so-container .so-content-in .mod-c-hd {
    margin: 6px;
    border: none;
    border-radius: 12px;
    text-align: center;
    padding: 1px;
    background: -webkit-linear-gradient(left, #b4bff2 0, #f49dc6 100%);
    background: -webkit-gradient(linear, left top, right top, from(#b4bff2), to(#f49dc6));
    background: linear-gradient(to right, #b4bff2 0, #f49dc6 100%);
    color: #000000;
    height: 2.5rem;
}

.so-page .so-content.so-container .so-content-in .mod-c {
    text-align: center;
    padding-top: 0px;
    margin-bottom: 12px;
    border: 1.5px solid #8888;
    border-radius: 16px 0 16px 16px;
    width: 100%;
    box-sizing: border-box;
    border-collapse: collapse;
    /* Diagonal stripes background, with fallback to solid color if the browser doesn't like the gradient */
    margin-bottom: 1.25rem;
}

.so-page .so-content.so-container .so-content-in .mod-c-hd .tit {
    margin: 0 1rem;
    font-family: 'Songti SC', serif;
    /* 使用宋体，适合中文显示 */
    font-weight: bold;
    /* 设置字体为粗体 */
    font-size: 20px;
    line-height: 1.5;
    /* 设置行高以帮助垂直居中 */
    display: flex;
    /* 使用flex布局 */
    align-items: center;
    /* 垂直居中对齐 */
    letter-spacing: 0.05em;
    /* 增加间隙 */
    justify-content: center;
    /* 水平居中对齐 */
}

.so-page .so-content.so-container .so-content-in .link-flex-list {
    display: flex;
    flex-wrap: wrap;
}

.so-page .so-content.so-container .so-content-in .link-flex-list .item {
    box-sizing: border-box;
    display: flex;
    height: 2.25rem;
    align-items: center;
    border-radius: 0.25rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-right: 0.8rem;
    margin-bottom: 0.8rem;
    background: linear-gradient(to right, #b4bff2, #f49dc6);
    border: 1px solid transparent;
    border-image: linear-gradient(to right, #b4bff2, #f49dc6) 1;
    position: relative;
    color: #333;  /* 默认状态下的文字颜色 */
    box-shadow: none;
}

.so-page .so-content.so-container .so-content-in .link-flex-list .item::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 0.25rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    background: linear-gradient(to right, rgba(180, 191, 242, 0.5), rgba(244, 157, 198, 0.5));
}

.so-page .so-content.so-container .so-content-in .link-flex-list .item:hover {
    background: linear-gradient(to left, #b4bff2, #f49dc6); /* 反向渐变 */
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent; /* 设置文字颜色为透明以显示背景 */
}

.so-page .so-content.so-container .so-content-in .box-hd .tit-w {
    font-size: 1.25rem;
    font-weight: bold;
    font-family: 'Songti SC', serif;
}
/* 用于文章攻略的居右图片展示 */
.image-right {
    float: right; /* 将图片浮动到右侧 */
    margin: 0 0 10px 10px; /* 设置周围的空白（顺时针方向：上 右 下 左） */
    width: 300px; /* 设定图片的宽度 */
    height: auto; /* 高度自动调整以保持图片比例 */
}