.nuo-bg-dark {
background-color: #9370DB !important; /* 设置背景颜色为深紫色，并且优先级最高 */
color: white; /* 设置字体颜色为白色 */
}
.nuo-bg-light {
background-color: #B8AAD5 !important; /* 设置背景颜色为浅紫色，并且优先级最高 */
}
.nuo-table {
/* Inherited from .nuo-bg-light */
background-color: #B8AAD5 !important; /* 继承自 `.nuo-bg-light`，设置背景颜色为浅紫色，并且优先级最高 */
width: 100%; /* 设置表格宽度为 100% */
}
.nuo-center {
text-align: center; /* 设置文本居中对齐 */
}
.nuo-header {
/* Inherited from .nuo-bg-dark */
background-color: #9370DB !important; /* 继承自 `.nuo-bg-dark`，设置背景颜色为深紫色，并且优先级最高 */
color: white; /* 设置字体颜色为白色 */
text-align: center; /* 设置文本居中对齐 */
font-weight: bold; /* 设置字体为加粗 */
}
.nuo-header .mw-collapsible-text {
color: white; /* 设置 `.nuo-header` 中的 `.mw-collapsible-text` 元素字体颜色为白色 */
}
.nuo-blue,
.nuo-blue .mw-collapsible-text {
color: #CEA5FF; /* 设置字体颜色为浅紫色 */
}
.nuo-tabs .TabLabelText > span {
color: #9370DB !important; /* 设置 `.nuo-tabs` 中的 `.TabLabelText` 的直接子元素 `span` 的字体颜色为深紫色，并且优先级最高 */
}
.nuo-tabs .TabLabelText.selected > span {
color: #CEA5FF !important; /* 设置 `.nuo-tabs` 中的 `.TabLabelText.selected` 的直接子元素 `span` 的字体颜色为浅紫色，并且优先级最高 */
}
.skill-ex {
display: grid; /* 使用网格布局 */
grid-template-areas: '. . .'; /* 定义网格区域 */
grid-column-gap: 8px; /* 设置列间距为 8px */
align-items: center; /* 垂直居中对齐 */
justify-content: space-between; /* 水平方向两端对齐 */
justify-items: stretch; /* 使网格项在网格区域中拉伸 */
grid-template-columns: 48px 1fr 3fr; /* 定义三列，宽度分别为 48px、1 份和 3 份 */
padding: 1em 10px; /* 设置内边距为上下 1em，左右 10px */
}
.skill-cost {
padding: 0 4px; /* 设置左右内边距为 4px */
border-radius: 5px; /* 设置圆角为 5px */
display: inline-block; /* 设置为行内块级元素 */
}
.skill-other {
display: grid; /* 使用网格布局 */
grid-template-areas: '. . .'; /* 定义网格区域 */
grid-column-gap: 8px; /* 设置列间距为 8px */
align-items: center; /* 垂直居中对齐 */
justify-content: space-between; /* 水平方向两端对齐 */
justify-items: stretch; /* 使网格项在网格区域中拉伸 */
grid-template-columns: 48px 1fr 4fr; /* 定义三列，宽度分别为 48px、1 份和 4 份 */
padding: 1em 10px; /* 设置内边距为上下 1em，左右 10px */
}
.textToggleDisplayButtons {
display: flex; /* 使用弹性布局 */
}
.textToggleDisplayButtons > span {
flex-grow: 1; /* 使子元素 `span` 按比例扩展 */
display: flex; /* 使用弹性布局 */
}
.textToggleDisplayButtonLabel {
border-width: 3px 0 0; /* 设置上边框宽度为 3px */
border-color: transparent; /* 边框颜色透明 */
background-color: transparent; /* 背景颜色透明 */
box-shadow: none; /* 无阴影 */
margin: 0; /* 无外边距 */
}
.textToggleDisplayButtonLabel.on {
color: #CEA5FF; /* 字体颜色为浅紫色 */
background-color: #9370DB; /* 背景颜色为深紫色 */
border-color: #CEA5FF; /* 边框颜色为浅紫色 */
}
.textToggleDisplayButtonLabel .textToggleDisplayButtonInput {
display: none; /* 隐藏输入框 */
}
.baTabContent {
background: white; /* 背景颜色为白色 */
position: relative; /* 相对定位 */
z-index: 1; /* 层级为 1 */
border: 1px solid #aaa; /* 边框为 1px 灰色实线 */
padding: 1.5px; /* 内边距为 1.5px */
border-color: rgb(170, 170, 170); /* 边框颜色为灰色 */
background-color: rgb(255, 255, 255); /* 背景颜色为白色 */
}
.subpagelist {
border-left: 10px solid #9370DB;
}
.navbox .in-page-edit-article-link-group {
display: none !important;
}
.nuoLinksContainer {
display: inline-block;
}
.nuoLinksFlex {
display: inline-flex;
margin: 0 3px;
}
.nuoLinksMain {
display: inline-flex;
flex-direction: column;
justify-content: center;
box-sizing: content-box;
padding: 0 3px;
}
.nuoLinksMain img {
background: linear-gradient(#ff899e, #f79bac);
border-radius: 3px;
color: #FFF;
height: 11px !important;
padding: 3px 2px;
}
.nuoLinksMain a.new img {
background: linear-gradient(#aaaaaa, #b7b7b7);
}
.nuoLinksMain a.selflink img {
background: linear-gradient(#128cfe, #45a5fe);
}
.nuo-growth-table th {
background-color: #B8AAD5;
border-color: #d6d6d6;
}
/* [[Category:在模板名字空间下的CSS页面]][[Category:黄金四目CSS页面]] */
/* 本CSS页面基于[[Template:蔚蓝档案/helper.css]]制作 */