MediaWiki:Common.css

注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:Ctrl-F5
/* WIKI背景图 */
body {
  background: url("https://i.17173cdn.com/g8bz6k/zzz/3/3f/background02.png") fixed no-repeat center center / cover;
  background-color: #101017;
  color: #fff;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

/* logo */
.so-logo-img {
  height: 64px;
  max-height: 64px;
  width: 60px;
  /* 下次先查网站是不是本身就写了宽度比较好... */
  max-width: 60px !important;
  margin-right: 10px !important;
}

.toc {
  width: 225px;
}

/* 这个是手机端打开左上角目录时显示的logo区域 */
/* 
.so-mobile-nav-hd .so-logo-box {
	background-color: #9f7850;
} */

/* H2:快速css */
/* -- H3:宽度 */
.width-auto {
  width: auto
}

.width-100 {
  width: 100%
}

.width-90 {
  width: 90%
}

.width-80 {
  width: 80%
}

.width-70 {
  width: 70%
}

.width-60 {
  width: 60%
}

.width-50 {
  width: 50%
}

.width-45 {
  width: 45%
}

.width-40 {
  width: 40%
}

.width-35 {
  width: 35%
}

.width-30 {
  width: 30%
}

.width-25 {
  width: 25%
}

.width-20 {
  width: 20%
}

.width-15 {
  width: 15%
}

.width-10 {
  width: 10%
}

.width-5 {
  width: 5%
}

.height-auto {
  height: auto
}

.height-100 {
  height: 100%
}

.height-50 {
  height: 50%
}

.height-25 {
  height: 25%
}

.height-20 {
  height: 20%
}

/* -- H3:text */
.text-lef {
  text-align: left
}

.text-rig {
  text-align: right
}

.text-cen {
  text-align: center
}

.float-left {
  float: left
}

/* -- H3;flex */
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-row-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.flex-row-btw {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

/* -- H3:响应式布局 */
@media only screen and (min-width:768px) {
  .visible-xs {
    display: none;
  }
}

@media only screen and (max-width:768px) {
  .hidden-xs {
    display: none;
  }
}

/* H2 模板 */
/* -- H3模板:图标居中相关 */
.flex-row-icon {
  text-align: center;
  margin: 2px;
}

/* -- H3:模板:文章归类 */
.qline {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  overflow: hidden;
  align-items: center;
}

.qline p {
  margin: 0px !important;
  padding: 0px !important;
}

.qline-left {
  width: 36px;
  height: 22px;
  border-radius: 4px;
  text-align: center;
  margin: 4px;
  font-size: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.qline-right {
  width: calc(100% - 46px);
  height: 22px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* -- H3:模板:信息框 */
.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 #3c4f6a;
  overflow: hidden;
}

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

.so-content-in ol,
.so-content-in ul {
  list-style: disc;
}

.so-content-in .mw-search-form-wrapper ol,
.so-content-in .mw-search-form-wrapper ul {
  list-style: none;
}

/* Site.css */

.so-page .so-wrap-mask {
  background-color: #000;
}

.so-page .so-site-notice {
  color: rgba(255, 255, 255, 0.8);
}

.so-page .so-site-notice .so-link {
  color: rgba(255, 255, 255, 0.8);
}

.so-page .so-link {
  color: #9f7850;
}

.so-page .so-mobile-btn-search {
  color: #fff;
}

.so-page .so-mobile-nav-menu .so-mobile-nav-bd {
  padding-top: 1rem;
}

.so-page .so-mobile-nav-menu .so-ul-menu-1 .so-menu-title {
  color: #333;
}

.so-page .btn-login::before {
  background: #fff;
}

.so-page .so-header {
  box-sizing: border-box;
  z-index: auto;
}

.so-page .so-header-top .so-logo-box .so-logo-title,
.so-page .so-header-top .so-logo-box .so-logo {
  color: #fff;
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
}

.so-page .so-header-top .so-navbar-toggle .icon-bar {
  background-color: #fff;
}

/* .so-page .so-header-c2 {
  background: url(https://ue.17173cdn.com/a/sogaone/2024/img/nav-bg-7639ae25.png) no-repeat center / 100% 100%;
  padding-top: 1%;
  padding-bottom: 1%;
}
.so-page .so-header-c2 .so-header-search {
  border: 1px solid #525659;
  background: transparent;
}
.so-page .so-header-c2 .so-header-menu .so-menu-ul-1 .so-menu-li-1 {
  margin-right: 0.1em;
}
.so-page .so-header-c2 .so-header-menu .so-menu-ul-1 .so-menu-li-1:first-child .so-menu-li-1-link {
  border-radius: 0.5rem 0 0 0.5rem;
}
.so-page .so-header-c2 .so-header-menu .so-menu-ul-1 .so-menu-li-1:last-child .so-menu-li-1-link {
  border-radius: 0 0.5rem 0.5rem 0;
}
.so-page .so-header-c2 .so-header-menu .so-menu-ul-1 .so-menu-li-1 .so-menu-li-1-link {
  background: rgba(255, 255, 255, 0.1);
  color: #f7de9f;
  font-weight: normal;
}
.so-page .so-header-c2 .so-header-menu a {
  color: #f7de9f;
} */

/* 图片背景 */
/* .so-page .so-content.so-container { */
/* background: url(https://i.17173cdn.com/g8bz6k/zzz/f/fe/content-bg2.png) repeat-y center / 100% auto; */
/* position: relative; */
/* box-shadow: 0 4px 14px -1px rgba(0, 0, 0, 0.8), 0 2px 4px -2px rgba(0, 0, 0, 0.8); */
/* main-right */
/* main-center */
/* } */

/* .so-page .so-content.so-container::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://i.17173cdn.com/g8bz6k/zzz/b/b3/content-bg1.png) no-repeat left top, url(https://i.17173cdn.com/g8bz6k/zzz/7/7f/content-bg3.png) no-repeat left bottom;
  background-size: 100% auto;
} */

/* #12121A纯色背景 */
.so-page .so-content.so-container {
  background: #12121A;
}

/*.so-page .so-content.so-container::before {*/
/*  top: 0;*/
/*  background: url(https://ue.17173cdn.com/a/sogaone/2024/img/content-bg-t-c266e343.jpg) no-repeat center top / 100% auto;*/
/*}*/
/*.so-page .so-content.so-container::after {*/
/*  bottom: 0;*/
/*  background: url(https://ue.17173cdn.com/a/sogaone/2024/img/content-bg-b-623cf80e.jpg) no-repeat center bottom / 100% auto;*/
/*}*/

.so-page .so-content.so-container .so-content-in {
  position: relative;
}

.so-page .so-content.so-container .so-pandora-comment {
  position: relative;
  z-index: 2;
}

.so-page .so-content.so-container .so-content-in .mod {
  margin-bottom: 1.25rem;
  border-width: 20px;
  border-style: solid;
  -o-border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAGQCAYAAADfrrmFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQzNTU3MzdBRjI4QzExRUU5Njg5QzNBOUNGNTQxQzhDIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQzNTU3Mzc5RjI4QzExRUU5Njg5QzNBOUNGNTQxQzhDIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDk1ODBGRURFODJCMTFFRUFFRDE4OEM0ODQ4NTYwMEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDk1ODBGRUVFODJCMTFFRUFFRDE4OEM0ODQ4NTYwMEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6yC8erAAAJlklEQVR42uzc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') 20 20 20 20 round;
  border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAGQCAYAAADfrrmFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQzNTU3MzdBRjI4QzExRUU5Njg5QzNBOUNGNTQxQzhDIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQzNTU3Mzc5RjI4QzExRUU5Njg5QzNBOUNGNTQxQzhDIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDk1ODBGRURFODJCMTFFRUFFRDE4OEM0ODQ4NTYwMEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDk1ODBGRUVFODJCMTFFRUFFRDE4OEM0ODQ4NTYwMEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6yC8erAAAJlklEQVR42uzc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') 20 20 20 20 fill round;
}

.so-page .so-content.so-container .so-content-in .mod-hd {
  margin-bottom: 0.625rem;
  text-align: center;
}

.so-page .so-content.so-container .so-content-in .mod-l-hd {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAP8AAAASCAYAAACU0giWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYzNjE0RDc5RTgxRDExRUVBRUQxODhDNDg0ODU2MDBCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYzNjE0RDdBRTgxRDExRUVBRUQxODhDNDg0ODU2MDBCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjM2MTRENzdFODFEMTFFRUFFRDE4OEM0ODQ4NTYwMEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjM2MTRENzhFODFEMTFFRUFFRDE4OEM0ODQ4NTYwMEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6abESSAAAIV0lEQVR42uyb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') no-repeat center / contain;
}

.so-page .so-content.so-container .so-content-in .mod-hd .tit {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 900;
  color: #333;
  justify-content: center;
  background-color: transparent;
  padding-bottom: 0.8rem;
}

.so-page .so-content.so-container .so-content-in .mod-hd .tit::before,
.so-page .so-content.so-container .so-content-in .mod-hd .tit::after {
  display: none;
}

.so-page .so-content.so-container .so-content-in .mod-hd .tit .icon {
  margin-right: 0.625rem;
  height: 1rem;
  width: 1rem;
}

.so-page .so-content.so-container .so-content-in .mod-ft {
  text-align: right;
}

.so-page .so-content.so-container .so-content-in .mod-ft-link {
  color: #bfdb5a;
}

.so-page .so-content.so-container .so-content-in .mod-ft-link:hover {
  color: #fff;
}

.so-page .so-content.so-container .so-content-in .tlist-item {
  margin-bottom: 0.625rem;
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.so-page .so-content.so-container .so-content-in .tlist-item-tag {
  margin-right: 0.5rem;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 0.25rem;
  background-color: #000000;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: #bfdb5a;
  font-weight: bold;
}

.so-page .so-content.so-container .so-content-in .tlist-item-tag-gg {
  background-color: #000000;
}

.so-page .so-content.so-container .so-content-in .tlist-item-tag-gl {
  background-color: #000000;
}

.so-page .so-content.so-container .so-content-in .tlist-item-tag-jc {
  background-color: #000000;
}

.so-page .so-content.so-container .so-content-in .tlist-item .tlist-item-link {
  color: #fff;
  text-align: left;
}

.so-page .so-content.so-container .so-content-in .tlist-item-link:hover {
  text-decoration-line: underline;
}

.so-page .so-content.so-container .so-content-in .btn-create-article {
  height: 2.25rem;
  width: 100%;
  border-radius: 1.25rem;
  background-color: #633f32;
  color: #d0b482;
  font-weight: bold;
  padding: 2px;
  display: block;
}

.so-page .so-content.so-container .so-content-in .btn-create-article .in {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #9b786b;
  background-color: #633f32;
  border-radius: 1.25rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.so-page .so-content.so-container .so-content-in .btn-create-article:hover {
  color: #fff;
  text-decoration: none;
}

.so-page .so-content.so-container .so-content-in .btn-create-article .icon-plus {
  position: relative;
  margin-right: 0.5rem;
  display: block;
  height: 0.75rem;
  width: 0.125rem;
  background-color: #d0b482;
}

.so-page .so-content.so-container .so-content-in .btn-create-article .icon-plus-in {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 0.125rem;
  width: 0.75rem;
  transform: translate(-50%, -50%);
  background-color: #d0b482;
}

.so-page .so-content.so-container .so-content-in .mod-action {
  margin-bottom: 2rem;
}

.so-page .so-content.so-container .so-content-in .btn-action {
  box-sizing: content-box;
  display: flex;
  justify-content: center;
  height: 3.875rem;
  width: 100%;
  align-items: center;
  background: url('https://ue.17173cdn.com/a/sogaone/2024/img/btn-action-be61f2d7.png') no-repeat center / 100% 100%;
  font-size: 1.5rem;
  color: #333;
  max-width: 280px;
  margin: 0 auto 0.5rem;
}

.so-page .so-content.so-container .so-content-in .btn-action:hover {
  background-image: url('https://ue.17173cdn.com/a/sogaone/2024/img/btn-action-h-028ffd7e.png');
  text-decoration: none;
}

.so-page .so-content.so-container .so-content-in .mod-r-bg {
  margin-bottom: 1.25rem;
  border-width: 20px;
  border-style: solid;
  -o-border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ4AAAGQCAYAAABf3Y6WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QUM1NkUyOTFFODIwMTFFRUFFRDE4OEM0ODQ4NTYwMEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDM1NTczN0VGMjhDMTFFRTk2ODlDM0E5Q0Y1NDFDOEMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDM1NTczN0RGMjhDMTFFRTk2ODlDM0E5Q0Y1NDFDOEMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2Y2JhZDhlYy0xMWY3LTRkNTQtYmUzNC0zMzU4ODIxNGI4ZTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUM1NkUyOTFFODIwMTFFRUFFRDE4OEM0ODQ4NTYwMEIiLz4gPC9yZGY6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') 20 20 20 20 round;
  border-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ4AAAGQCAYAAABf3Y6WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QUM1NkUyOTFFODIwMTFFRUFFRDE4OEM0ODQ4NTYwMEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDM1NTczN0VGMjhDMTFFRTk2ODlDM0E5Q0Y1NDFDOEMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDM1NTczN0RGMjhDMTFFRTk2ODlDM0E5Q0Y1NDFDOEMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjUgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2Y2JhZDhlYy0xMWY3LTRkNTQtYmUzNC0zMzU4ODIxNGI4ZTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUM1NkUyOTFFODIwMTFFRUFFRDE4OEM0ODQ4NTYwMEIiLz4gPC9yZGY6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') 20 20 20 20 fill round;
}

.so-page .so-content.so-container .so-content-in .mod-r-hd {
  display: flex;
  justify-content: center;
  align-items: center;
}

.so-page .so-content.so-container .so-content-in .mod-r-hd .tit {
  color: #eed699;
  font-size: 1.25rem;
  margin: 0 0.5rem;
}

.so-page .so-content.so-container .so-content-in .mod-r-hd::before,
.so-page .so-content.so-container .so-content-in .mod-r-hd::after {
  content: '';
  display: block;
  width: 3.375rem;
  height: 1rem;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAQCAYAAABdsIz2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ5NTgwRkYyRTgyQjExRUVBRUQxODhDNDg0ODU2MDBCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ5NTgwRkYxRTgyQjExRUVBRUQxODhDNDg0ODU2MDBCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEIyNjY4ODRFODFFMTFFRUFFRDE4OEM0ODQ4NTYwMEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEIyNjY4ODVFODFFMTFFRUFFRDE4OEM0ODQ4NTYwMEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7QL6X+AAAA4ElEQVR42mL8fm8+A4diAsNwA0wMwxSMemzUY6MeG/UYWYAFRPx5th3GNwZiayDeBcQ3BtxxUp6UeQwJVAOxHBCbAHEFEP8A4kwg5gPin0D8C4pB7D9A/A+I/wPxXyiGif1BUwfT9xuJj6z3D5T9D8kMkN531PKYHJTWAGIJqMdAwcaBpAbmgL9QGhkji8EcjeyZ30ie/IvE/oUWaCC9T4B4E7U8dgzqqTNAfAdqUR8Qc0IdBXP4bzSH/kbCv5BCHRYDf9FiBNnD/5AC7D+1kjHjaJNq1GOjHhv1GDkAIMAAE+5k87XXnE0AAAAASUVORK5CYII=') no-repeat center / 100% 100%;
}

.so-page .so-content.so-container .so-content-in .mod-r-hd::before {
  transform: rotateY(180deg);
}

.so-page .so-content.so-container .so-content-in .mod-act {
  padding-bottom: 0.25rem;
}

.so-page .so-content.so-container .so-content-in .mod-act-hd {
  display: flex;
  height: 2.5rem;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 2.5rem;
  color: #eed699;
}

.so-page .so-content.so-container .so-content-in .actlist-item {
  box-sizing: border-box;
  display: flex;
  height: 4.75rem;
  width: 100%;
  flex-direction: column;
  border-radius: 0.25rem;
  background: url('https://ue.17173cdn.com/a/sogaone/2024/img/actlist-item-bg-2922fc53.png') no-repeat center / 100% 100%;
  padding-left: 0.875rem;
  padding-right: 0.875rem;
  padding-top: 0.75rem;
  padding-bottom: 0.375rem;
}

.so-page .so-content.so-container .so-content-in .actlist-item:hover {
  text-decoration: none;
}

.so-page .so-content.so-container .so-content-in .actlist-item:hover .actlist-item-tit {
  text-decoration: underline;
}

.so-page .so-content.so-container .so-content-in .actlist-item-tit {
  margin: 0;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  color: #333;
}

.so-page .so-content.so-container .so-content-in .actlist-item-text {
  margin: 0px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #9f7850;
}

.so-page .so-content.so-container .so-content-in .mod-about {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-bottom: 0.25rem;
}

.so-page .so-content.so-container .so-content-in .mod-about-hd {
  display: flex;
  height: 2.5rem;
  align-items: center;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 2.5rem;
  color: #e5cd94;
}

.so-page .so-content.so-container .so-content-in .mod-about .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.so-page .so-content.so-container .so-content-in .mod-about .logo .img {
  width: 60%;
  max-width: 12rem;
}

.so-page .so-content.so-container .so-content-in .mod-about .text {
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5rem;
  color: #b4b0ab;
}

.so-page .so-content.so-container .so-content-in .mod-about .space {
  margin: 1.25rem 0;
  border-bottom: 1px solid #b4b0ab;
}

.so-page .so-content.so-container .so-content-in .mod-about .contact {
  text-align: left;
  margin-bottom: 1.75rem;
  font-weight: 700;
  color: #b4b0ab;
}

.so-page .so-content.so-container .so-content-in .mod-about .ul {
  padding-bottom: 0.75rem;
}

.so-page .so-content.so-container .so-content-in .mod-about .ul .link {
  display: flex;
  align-items: center;
  font-weight: 700;
  color: #eed699;
}

.so-page .so-content.so-container .so-content-in .mod-about .ul .link:hover {
  text-decoration-line: underline;
}

.so-page .so-content.so-container .so-content-in .mod-about .ul .link .icon {
  margin-top: 0.125rem;
  margin-right: 0.5rem;
  box-sizing: content-box;
  height: 0.25rem;
  width: 0.25rem;
  border-radius: 0.5rem;
  background-color: #eed699;
  padding: 1px;
}

.so-page .so-content.so-container .so-content-in .mod-about .ul .link .img {
  margin-left: 0.625rem;
  height: 0.625rem;
  width: 0.625rem;
}

/* .so-page .so-content.so-container .so-content-in .mod-c {
  border: 1px solid #9f7850;
  background-color: #fbf9f1;
  margin-bottom: 1.25rem;
  padding: 0.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 */
  background: #0c0c0c;
  background: repeating-linear-gradient(-45deg, #111111, #111111 9px, #080808 9px, #080808 11px);
  margin-bottom: 1.25rem;
}

/* 斜条纹-白色主题 */
/* .so-page .so-content.so-container .so-content-in .mod-c {
  background: #eeeeee;
  background: repeating-linear-gradient(-45deg, #e8e8e8, #e8e8e8 9px, #f4f4f4 9px, #f4f4f4 11px);
} */

/* 单独添加斜条纹效果以复用 */
.stripe-background {
  background: #0c0c0c;
  background: repeating-linear-gradient(-45deg, #111111, #111111 9px, #080808 9px, #080808 11px);
}

/* .stripe-background {
  background: #eeeeee;
  background: repeating-linear-gradient(-45deg, #e8e8e8, #e8e8e8 9px, #f4f4f4 9px, #f4f4f4 11px);
} */
/* .so-page .so-content.so-container .so-content-in .mod-c-hd {
  background: #9f7850;
  border-radius: 0.5rem;
  margin-bottom: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  line-height: 1.75rem;
  font-weight: 700;
  padding: 0.3rem 0;
} */
.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: #BAD700;
  color: #000000;
  height: 2.5rem;
}

/* .so-page .so-content.so-container .so-content-in .mod-c-hd::before,
.so-page .so-content.so-container .so-content-in .mod-c-hd::after {
  content: '';
  display: block;
  width: 3.5rem;
  height: 1rem;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAQCAYAAABdsIz2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhCMjY2ODg0RTgxRTExRUVBRUQxODhDNDg0ODU2MDBCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhCMjY2ODg1RTgxRTExRUVBRUQxODhDNDg0ODU2MDBCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEIyNjY4ODJFODFFMTFFRUFFRDE4OEM0ODQ4NTYwMEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEIyNjY4ODNFODFFMTFFRUFFRDE4OEM0ODQ4NTYwMEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7tPg7cAAABfklEQVR42tyWPUsDQRCGL8lB1CKFjYISYmev2FhppbWFlWiCYGwtQsDCOhYKdqIg2AvWIpZW/gALSRUhBALBQs19xXdgVoblslfq7sDD7e3t3s07czdzua/2jWewPEhMCyYW9rz/aHnDtVmw4llqJmFrYN01YT7YBhtg2iVhu2AeTIEjV4TR63cgzilr+7YJ88W4CGqgmiK4DubAOfiwQVgO5b7CWdoCMxnrSdQ9eASv1Ar84u+WJbAKHvjan2eMKDBZVtCyLO0YlMEyaIJvcAhKYAgChsYR98cRiBk1F2nr1L5QnMu9EY8TcY8hOfnG3PK3tUOZTHGcMnEKBmOElfm4yD2QhG1SDxdrlAMxHyVyTjktxYRCZCzGgRY02tuR0afJC9AGJ5q4K3CZkc1nFvXCgaIHnYFJdko5HmqOhoJARF1lINYyIgUnImAj/RtLc7IuKuETaLjyS3UN3sEnaNnYx8YVAkrzHZf4vkvCVLGo2PqvaBLWBT1bhf0IMAA81YNuZBuf2QAAAABJRU5ErkJggg==') no-repeat center / 100% 100%;
}
.so-page .so-content.so-container .so-content-in .mod-c-hd::before {
  transform: rotateY(180deg);
} */
.so-page .so-content.so-container .so-content-in .mod-c-hd .tit {
  color: #000000;
  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 .mod-c-hd .icon {
  margin-right: 0.5rem;
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
}

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



.so-page .so-content.so-container .so-content-in .ptlist {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

@media (min-width: 768px) {
  .so-page .so-content.so-container .so-content-in .ptlist {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.so-page .so-content.so-container .so-content-in .ptlist-item {
  max-height: 7rem;
  border-radius: 0.25rem;
}

.so-page .so-content.so-container .so-content-in .ptlist-item-in {
  position: relative;
  z-index: 10;
  box-sizing: content-box;
  display: block;
  height: 6rem;
  width: 100%;
  padding-bottom: 0.25rem;
  background-color: #3d321c;
}

.so-page .so-content.so-container .so-content-in .ptlist-item-in::after {
  content: '';
  width: 90%;
  height: 90%;
  position: absolute;
  left: 5%;
  top: 5%;
  border: 1px solid #8c765c;
}

.so-page .so-content.so-container .so-content-in .ptlist-item .avatar-bg {
  position: absolute;
  z-index: -10;
  height: 100%;
  width: 100%;
}

.so-page .so-content.so-container .so-content-in .ptlist-item .avatar {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.so-page .so-content.so-container .so-content-in .ptlist-item .text {
  position: absolute;
  left: 0px;
  bottom: 0px;
  z-index: 20;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: flex-end;
  justify-content: center;
  border-radius: 0.25rem;
  padding-bottom: 0.25rem;
  font-size: 1rem;
  line-height: 1.5rem;
  color: #f7de9f;
  font-weight: bold;
  text-shadow: 2px 0px 3px #000;
}

.so-page .so-content.so-container .so-content-in .ptlist-item .text-mask {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
}

.so-page .so-content.so-container .so-content-in .ptlist-item-in:hover .text {
  color: #fff;
}

.so-page .so-content.so-container .so-content-in .ptlist-item-in:hover::after {
  border-color: #eed699;
}

.so-page .so-content.so-container .so-content-in .ptlist-3 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

@media (min-width: 768px) {
  .so-page .so-content.so-container .so-content-in .ptlist-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.so-page .so-content.so-container .so-content-in .ptlist-3 .item {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0.75rem;
  border-radius: 0.25rem;
  padding: 0.5rem;
  background: url(https://ue.17173cdn.com/a/sogaone/2024/img/ptlist-3-item-bg-77de149d.png) no-repeat center / 100% 100%;
  transition: all 0.3s;
}

.so-page .so-content.so-container .so-content-in .ptlist-3 .item:hover {
  opacity: 0.9;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}

.so-page .so-content.so-container .so-content-in .ptlist-3 .item:hover .text {
  text-decoration: none;
}

.so-page .so-content.so-container .so-content-in .ptlist-3 .item .avatar {
  grid-column: span 2 / span 2;
}

.so-page .so-content.so-container .so-content-in .ptlist-3 .item .avatar .img {
  margin-left: auto;
  margin-right: auto;
}

.so-page .so-content.so-container .so-content-in .ptlist-3 .item .text {
  grid-column: span 3 / span 3;
  color: #9f7850;
  text-align: left;
}

.so-page .so-content.so-container .so-content-in .ptlist-3 .item .text p {
  margin: 0;
}

.so-page .so-content.so-container .so-content-in .ptlist-3 .item .text .tt {
  margin-bottom: 0.25rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 700;
  color: #333;
}

.so-page .so-content.so-container .so-content-in .gray-666 {
  color: #666;
}

.so-page .so-content.so-container .so-content-in .box-hd {
  /* background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlcAAAASCAYAAAB2MftyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYzNjE0RDdERTgxRDExRUVBRUQxODhDNDg0ODU2MDBCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYzNjE0RDdFRTgxRDExRUVBRUQxODhDNDg0ODU2MDBCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjM2MTREN0JFODFEMTFFRUFFRDE4OEM0ODQ4NTYwMEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjM2MTREN0NFODFEMTFFRUFFRDE4OEM0ODQ4NTYwMEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5u71aqAAAJbUlEQVR42uyd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) no-repeat center / contain; */
  margin: 1.125rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: fff;
}

.so-page .so-content.so-container .so-content-in .box-hd .tit {
  font-size: 1.25rem;
  font-weight: bold;
  color: #333;
  font-family: 'Songti SC', serif;
}

.so-page .so-content.so-container .so-content-in .box-hd .tit-w {
  font-size: 1.25rem;
  font-weight: bold;
  color: #fff;
  font-family: 'Songti SC', serif;
}

.so-page .so-content.so-container .so-content-in .link-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.so-page .so-content.so-container .so-content-in .link-border-list .link-item {
  border: 1px solid #9f7850;
}

.so-page .so-content.so-container .so-content-in .link-border-list .link-item .text .dot {
  display: inline-block;
  margin: 0 0.3rem 0 0.2rem;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #9f7850;
  transform: rotate(45deg);
}

.so-page .so-content.so-container .so-content-in .link-border-list .link-item:hover {
  text-decoration: none;
}

.so-page .so-content.so-container .so-content-in .link-border-list .link-item:hover .text .dot {
  background-color: #000;
}

@media (min-width: 768px) {
  .so-page .so-content.so-container .so-content-in .link-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
  }
}

.so-page .so-content.so-container .so-content-in .link-item {
  box-sizing: border-box;
  display: flex;
  height: 2.25rem;
  align-items: center;
  border-radius: 0.25rem;
  border-width: 1px;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: #9f7850;
}

.so-page .so-content.so-container .so-content-in .link-item:hover {
  color: #333;
}

.so-page .so-content.so-container .so-content-in .link-item .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.so-page .so-content.so-container .so-content-in .link-item .icon {
  margin-right: 0.5rem !important;
  display: inline-block;
  height: 1rem;
  width: 1rem;
}

.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;
  border: 1px solid #BAD700;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-right: 0.8rem;
  margin-bottom: 0.8rem;
  color: #BAD700;
  box-shadow: 0 1px 2px 0 #BAD700;
}

.so-page .so-content.so-container .so-content-in .link-flex-list .item:hover {
  color: #333;
  text-decoration-line: none;
}

.so-page .so-content.so-container .so-content-in .link-grid-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.so-page .so-content.so-container .so-content-in .link-grid-list .item {
  box-sizing: border-box;
  display: flex;
  height: 2.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.25rem;
  border-width: 1px;
  border: 1px solid #9f7850;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: #9f7850;
}

.so-page .so-content.so-container .so-content-in .link-grid-list .item:hover {
  background-color: #fbf9f1;
  text-decoration-line: none;
}

@media (min-width: 768px) {
  .so-page .so-content.so-container .so-content-in .link-grid-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
  }
}

.so-page .so-content.so-container .so-content-in .mod-ft .more {
  margin-left: auto;
  margin-right: auto;
  margin: 0.5rem 0;
  box-sizing: border-box;
  display: flex;
  height: 2rem;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  line-height: 1rem;
  color: #9f7850;
}

.so-page .so-content.so-container .so-content-in .soc-tab-nav {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 0.375rem;
  border-width: 1px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-weight: 700;
  width: 100%;
}

.so-page .so-content.so-container .so-content-in .soc-tab-nav .tab {
  display: flex;
  align-items: center;
  font-weight: normal;
}

.so-page .so-content.so-container .so-content-in .soc-tab-nav .tab.current .tab-in {
  font-weight: bold;
  width: auto;
  height: auto;
  background-image: linear-gradient(to bottom, rgba(186, 215, 0, 0), #BAD700 0%, #BAD700 70%, rgba(186, 215, 0, 0));
  /* clip-path: polygon(0 0, 80% 0, 80% 100%, 0% 100%); */
  /* 水平方向倾斜 */
  /* transform: skewX(30deg); */
  background-color: transparent;
}

/* 干掉那该死的黄色选择背景 *使用了important*/
.so-page .so-content .so-content-in .soc-tab-nav .current div {
  background-color: transparent !important;
}

.so-page .so-content.so-container .so-content-in .soc-tab-nav .soc-tab-nav .tab-in {
  height: 1.75rem;
  cursor: pointer;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  text-align: center;
  line-height: 1.75rem;
  /* 文字颜色 */
  color: white;
}

.so-page .so-content.so-container .so-content-in .soc-tab-nav .soc-tab-nav .tab-in:hover {
  width: 40px;
  height: 50px;
  background-image: linear-gradient(to bottom, rgba(186, 215, 0, 0), #BAD700 20%, #BAD700 80%, rgba(186, 215, 0, 0));
  clip-path: polygon(0 0, 80% 0, 80% 100%, 0% 100%);
  transform: skewX(30deg);
  /* 水平方向倾斜 */
}

.so-page .so-content.so-container .so-content-in .soc-tab-nav .line {
  margin: 0 1rem;
  display: block;
  height: 1.25rem;
  width: 1px;
  background-color: #d5d5d5;
}

/* .so-page .so-content.so-container .so-content-in .ptlist-2 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .so-page .so-content.so-container .so-content-in .ptlist-2 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.so-page .so-content.so-container .so-content-in .ptlist-2 .item {
  overflow: hidden;
  border-radius: 0.5rem;
  background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA3LjEtYzAwMCA3OS5kYWJhY2JiLCAyMDIxLzA0LzE0LTAwOjM5OjQ0ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuNSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQkIwNjgwNUU4MUYxMUVFQUVEMTg4QzQ4NDg1NjAwQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQkIwNjgwNkU4MUYxMUVFQUVEMTg4QzQ4NDg1NjAwQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhCMjY2ODhBRTgxRTExRUVBRUQxODhDNDg0ODU2MDBCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCQjA2ODA0RTgxRjExRUVBRUQxODhDNDg0ODU2MDBCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQICAgICAgICAgICAwMDAwMDAwMDAwEBAQEBAQECAQECAgIBAgIDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMD/8AAEQgAhgBsAwERAAIRAQMRAf/EAJIAAAMBAAMBAQEAAAAAAAAAAAAFBgQCAwcBCAoBAAIDAQEBAAAAAAAAAAAAAAADAgQFAQYHEAAAAgYFCAkEAgMAAAAAAAAAAREhMQIDBPBxgbEFQVFhocESFBWR0SJSYpLSE1Ph8SREMiOiMxYRAAICAQMEAwEBAQEAAAAAAAABAgMxERITQVEiQmGBwSEjkbH/2gAMAwEAAhEDEQA/AP66JDBJaRlJWQkZWBJSMlLQJSTk5SDDlpWUlJaG7BlpWWl4LrkKXl5eC464444ROuukREREQ+F8bZ9Hla29XkaQ8MYl1omqhbtNsPC/Dq1iapIO02w8KLuhipIO01O4SXd1IuE1SQdpz5QXdLWO8COcvyHKPCWsHAd5fkOUeEtYOAOX5Ph4SXdvBwo5y/J0v4SSP46qJEXSTVotj4US+zqoYVKkZG0TR5B5xO6RkESraHRsFrzpumgyQYWOT1FXJcH5x/0XKsN5/wAs5LzzgZbm/J+K47lXMva4zlvG/wB3sb/te72t3eWD46Hdz026vbrroevQpElKp9BqKsy3YMIUgzs6OrpDFWhbsGELD2dnIgNVQt2G+Hh5KVkQzKGKoW7Da7hxILshiqIchy5d4RLiDkDl3hBxByBy7wg4g5A5d4Rx1ByGeJh5L7ORDBB1HVYK5jDyWrVrCZVDY2E7NyJElVCFWdaLMLCQn5PdSZEhGgUrIaFuuYkQaUIWxASWD3aFKsUPQKCMFzGMKVJSC1BygLchjClNFNoaqxbmMoUmWYNjAW5m9yT0aryDFAXvOfB0QO7A3hwdEA2BvDg6IBsDeByejoIGwN5liSZIYIuBJTE8zKISrUESrQ2MyanZUkGoU7IFmEiJxGWJDys+QZ9sC7XIjvY/JQhSU2sFLTyLm7wP0JCgsHpoxPPtjOFAYrV0JDlEW5DODA0BqiKbGkGASlU6w1RFykb3IBIYVoaoC3I58P4S19Q7sObg4fwlr6gbA3Bw/hLX1A2BuA5cu6RUqBsDcZYsBRqEHEmpCWagEhlOoInEdFktPQWqpsFO2JZgyGxOF/K0ZtsS9UyJ9v8ALZo1sFDTz0Luvge/wXSVoXS0emijBfYaQXSVX9+kNihTY0guldkowOSFtjSC4WYNihTGDjgckL+Wdm4WkdIhuFpAAbhaQAfDcLIA7/DLFdJB20tEJIkmJJp1Rsp9hWmh8WSk84p7MKdq/hagyExR0kPWkM24vVEOj8zVakZ+nmXtfE93gsOzaPSLBhvI0hZKZA1YFMaQmlWV4asCnhDWCzo2h8BTN7jDpnDRbwjsAcAAAAAABjisOo7hF4JrLEs1lrK8xXn1Hx6EpPMetuIUrS1D8IPFGPVncM24vVZIf9u3aM/2+i56nusFh2bR6NYMR5GkLJTIGrAtjSE0qyvDVgU8IawfSHRwKl1N7jDpnDhbwjsAcAAAAAABjisOo7hF4JrLEs1lrK8xXn1Hx6EpPMetuIUrS1D8IPFGPVncM24vVZIf9u3aM/2+i56nusFh2bR6NYMR5GkLJTIGrAtjSE0qyvDVgU8IawfSHRwKl1N7jDpnDhbwjsAcAAAAAABjisOo7hF4JrLEs1lrK8xXn1Hx6EpPMetuIUrS1D8IPFGPVncM24vVZIf9u3aM/wBvouep7rBYdm0ejWDEeRpCyUyBqwLY0hNKsrw1YFPCGsH0h0cCpdTe4w6Zw4W8I7AHAAAAAAAY4rDqO4ReCayxLNZayvMV59R8ehKTzHrbiFK0tQ/CDxRj1Z3DNuL1WSH/AG7doz/b6Lnqe6wWHZtHo1gxHkaQslMgasC2NITSrK8NWBTwhrB9IdHAqXU3uMOmcOFvCOwBwAAAAAAGOKw6juEXgmssSzWWsrzFefUfHoSk8x624hStLUPwg8UY9Wdwzbi9Vkh/27doz/b6Lnqe6wWHZtHo1gxHkaQslMgasC2NITSrK8NWBTwhrB9IdHAqXU3uMOmcOFvCOwBwAAAAAAGOKw6juEXgmssSzWWsrzFefUfHoSk8x624hStLUPwg8UY9Wdwzbi9Vkh/27doz/b6Lnqe6wWHZtHo1gxXkaQslMgasCmNITSrK8NWBTwhrCZ0bQ+Apm9xh0zhot4R2AOAAAAAAAxxWHUdwi8E1liWay1leYrz6j49CUnmPW3EKVpah+EHijHqzuGbcXqskP+3btGf7fRc9T3KC8WqmseiizFl3GcF8lUrDYsU0NYLxKs1dYdFi2hpBfJXWGxYqSGDj/wBQ5MW10Zz3yzU6B05ou4b5ZqdAA0XcN8s1OgAaLuBvgD+GSK+SDpXqEJMkkJZp9R0Z9RWkx8USc++1ahTtf8LUEQuKPEh4ZtxeqIdP5lGpSM/Xz0L2nieyQozF02DdjIx2hnCjkpYfGQpxGcKOSlhsZC3EaQo5Zw2MhTib3JgkN6fuGqQtxOfEFnKlo7vDaw4gs5UtBvDaw4gs5UtBvDaw4gs5UtBvDazLFmFGsQlIkoiWZjkg1hE5DoxJaejfyXnFOyRagiGxOMRk8vPm2DNtZeqRE+5+W2ib0ihu8y5p4fB6pCmyUulQ2FMy3AYQpolLDYzFuIyhTaMobGwW4DGFOEpdOoOUxbgb3J1nabpWGKwg4HZxml7X1CXIc2Bxml7X1A5A2Bxml7X1A5A2Hw51TTtoQ47A2GWLON7Qg5klAUTM2lKwicx0YEzOzRINesVLJliECKxKZU8vPm60jPtkXq4kd735O9pQm3oFHXy1Lm3xLuHPl3tH1GirCg4DCFPsXrzBisFusYQ8QLvZQ1Wi3Wb4eIErtVrDFaLdZtcxAu9rYGK0g6/+HPmPiHeU5xhzHxA5Q4w5j4gcocYcwLvA5fk7xmaJiBIPtJzLEXaSVbFUxiDUPVLrCZWjY1k7OTxINefL9RVnYWIVkjPTm8kiNZ5hSsnqW64CXSElgdw35xX9T2jtObXg5OfYrtQ7m2G/OfE83vON8wYnZ2INQ7m6G/O/C95nG+dAmnZ2INQ7m5x+dR/pe8zmrthsXZ2FtQ7mt1+e+F6x5xnmE07OxHSvuct+e+GJ5nPWDWzsjn+fwG/PfDE8znrBrZ2Qf5/Ab898MTzOesGtnZB/n8Ab898L/nc9YNbOyDSvudER+d+F7R2nFf5iLdmmGSSh3Fsd+dQf9L3mc0+JoVJ2dhkVDuIpl6bWmE8Wk3nc+h4xXm59UPiodxM9vbx7yUpWkJ/9HrTT+HEB0//Z) no-repeat center / 100% 100%;
  border: 2px solid #633f32;
  position: relative;
  max-height: 160px;
}
.so-page .so-content.so-container .so-content-in .ptlist-2 .item:hover {
  text-decoration-line: none;
}
.so-page .so-content.so-container .so-content-in .ptlist-2 .item:hover .text {
  background-color: #633f32;
}
.so-page .so-content.so-container .so-content-in .ptlist-2 .item .item-in {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.so-page .so-content.so-container .so-content-in .ptlist-2 .item .avatar {
  width: 100%;
  border-radius: 0.25rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.so-page .so-content.so-container .so-content-in .ptlist-2 .item .text {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  font-size: 0.875rem;
  line-height: 2rem;
  color: #fff;
  background-color: rgba(99, 63, 50, 0.6);
  margin: 0;
} */
.so-page .so-content.so-container .so-content-in .ptlist-2 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
  /* 缩小间距 */
}

@media (min-width: 768px) {
  .so-page .so-content.so-container .so-content-in .ptlist-2 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}

.so-page .so-content.so-container .so-content-in .ptlist-2 .item {
  overflow: hidden;
  border-radius: 0.5rem;
  background: none;
  /* 移除背景 */
  border: 2px solid #36363c;
  bottom: 5px;
  /*与边框拉开距离*/
  left: 5px;
  /*与边框拉开距离*/
  position: relative;
  /* max-height: 160px; */
  transition: transform 0.3s ease-in-out;
  /* 添加动画效果 */
}

.so-page .so-content.so-container .so-content-in .ptlist-2 .item:hover {
  transform: scale(1.1);
  /* 缩放动画 */
  background-color: #bad700;
  /* 鼠标悬停时的背景颜色 */
}

.so-page .so-content.so-container .so-content-in .ptlist-2 .item .item-in {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.so-page .so-content.so-container .so-content-in .ptlist-2 .item .avatar {
  width: 100%;
  max-height: 160px;
  border-radius: 0.25rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.so-page .so-content.so-container .so-content-in .ptlist-2 .item .bangbooavatar {
  max-width: 200px;
  max-height: 160px;
  border-radius: 0.25rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.so-page .so-content.so-container .so-content-in .ptlist-2 .item .text {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  font-size: 0.875rem;
  line-height: 2rem;
  color: #fff;
  background-color: rgba(54, 54, 60, 0.6);
  /* 调整文本背景的透明度 */
  margin: 0;
}

.so-page .so-content-in table {
  border-spacing: revert;
}

.so-page .so-content-in table:is(.styled, .cargoTable, .cargoTable.mergeSimilarCells) td:is(td, .even, .odd) {
  text-align: center;
}

/* H2标题 */
/* .so-page .so-content-in .mw-parser-output h2 {
  background: #534b45;
  border-radius: 0.5rem;
  margin: 1rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 700;
  border-left: none;
  border-radius: 0;
  font-family: 'Songti SC', serif;
  min-height: 2em;
  height: auto;
  padding: .4em 0;
} */
/* h2修改 */
.so-page .so-content-in .mw-parser-output h2 {
  /* font-weight: normal;
  font-family: Impact, Anton, 'Arial Black', sans-serif; */
  font-family: 'Songti SC', serif;
  /* 背景原来为深棕色,设置为透明以覆盖 */
  margin-bottom: 6px;
  margin-top: 24px;
  border: 1px solid #d8fa00;
  background: #d8fa00;
  border-radius: 0;
  text-align: center;
  color: #222122;
  padding: 1px;
  font-size: 1.25rem;
  font-weight: 700;
  border-left: none;
  min-height: 2em;
  height: auto;
}

.so-page .so-content-in .mw-parser-output h2::before {
  transform: rotateY(180deg);
}

.so-page .so-content-in .mw-parser-output h2::after {
  transform: none;
  position: static;
}

.so-page .so-content-in .mw-parser-output h3 {
  background-color: #9bb300;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.5em;
  height: 2em;
  margin: 1rem 0;
}

.so-page .so-content-in .mw-parser-output h3::before,
.so-page .so-content-in .mw-parser-output h3::after {
  display: none;
}

.so-page .so-content-in .mw-parser-output h4 {
  justify-content: center;
  color: #915d2e;
  width: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABOAAAAAkCAYAAAAgjUXBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYxNzFCMEY5RjMyQTExRUVBOTAyQkI1MzZGM0RCRTJGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYxNzFCMEZBRjMyQTExRUVBOTAyQkI1MzZGM0RCRTJGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjE3MUIwRjdGMzJBMTFFRUE5MDJCQjUzNkYzREJFMkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjE3MUIwRjhGMzJBMTFFRUE5MDJCQjUzNkYzREJFMkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4sGYbBAAAL80lEQVR42uzd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) no-repeat center / cover;
  padding-bottom: .5em;
}

.so-page .so-content-in .mw-parser-output h4::before {
  display: none;
}

.so-page .so-content-in .mw-parser-output .description-container {
  color: #ffffff;
}

/* .so-page .so-content-in .mw-parser-output .wikitable > * > tr > th {
  background-color: #dfcdad;
  border-color: #987b5d;
  color: #333;
  font-weight: bold;
}
.so-page .so-content-in .mw-parser-output .wikitable > * > tr > td {
  background-color: #fbf9f1;
  border-color: #987b5d;
} */

/* 新的.wikitable */
.so-page .so-content-in .mw-parser-output .wikitable {
  border: 1px solid #a2a9b1;
  /* 设置最外层的线 */
}

.so-page .so-content-in .mw-parser-output .wikitable>*>tr>th {
  background-color: #36363c;
  /* 表头背景颜色 */
  border-color: #47474d;
  /* 表头边框颜色 */
  color: #fff;
  /* 表头文字颜色,设置为白色以增强对比 */
  font-weight: bold;
  /* 字体加粗 */
}

.so-page .so-content-in .mw-parser-output .wikitable>*>tr>td {
  background-color: #12121a;
  /* 数据单元格背景颜色 */
  border-color: #47474d;
  /* 数据单元格边框颜色 */
  color: #fff;
  /* 数据文字颜色,设置为白色以增强对比 */
}

.so-page .so-content-in .mw-parser-output ol {
  list-style-type: decimal;
  margin-left: 1.6em;
}

/* Site.css end */

.so-page .so-content.so-container .so-content-in .ptlist-2 .item .text {
  position: initial;
  height: initial;
  line-height: 1.5;
}

.so-page .so-content.so-container .so-content-in .main-center .ptlist-item-in {
  height: auto;
}

.so-page .so-content.so-container .so-content-in .main-center .ptlist img {
  margin: 0 auto;
}

.so-page .so-content.so-container .so-content-in .main-center .ptlist-item {
  max-height: 12rem;
}

@media (min-width: 768px) {
  .so-page .so-content.so-container .so-content-in .main-center .ptlist {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

.membercontainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}

.memberbox {
  box-sizing: border-box;
}


.playlist-1 {
  display: grid;

  gap: 0.75rem;
}

@media (min-width: 768px) {
  .playlist-1 {}
}

.playlist-1 .item {
  overflow: hidden;
  border-radius: 0.5rem;
  background: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA3LjEtYzAwMCA3OS5kYWJhY2JiLCAyMDIxLzA0LzE0LTAwOjM5OjQ0ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjIuNSAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQkIwNjgwNUU4MUYxMUVFQUVEMTg4QzQ4NDg1NjAwQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQkIwNjgwNkU4MUYxMUVFQUVEMTg4QzQ4NDg1NjAwQiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjhCMjY2ODhBRTgxRTExRUVBRUQxODhDNDg0ODU2MDBCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNCQjA2ODA0RTgxRjExRUVBRUQxODhDNDg0ODU2MDBCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQAAQEBAQEBAQEBAQEBAQEB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) no-repeat center / 100% 100%;
  border: 2px solid #633f32;
  position: relative;
  max-height: 230px;
}

.playlist-1 .item:hover {
  text-decoration-line: none;
}

.playlist-1 .item:hover .text {
  background-color: #633f32;
}

.playlist-1 .item .item-in {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.playlist-1 .item .avatar {
  width: 100%;
  border-radius: 0.25rem;
  -o-object-fit: contain;
  object-fit: contain;
}

.playlist-1 .item .text {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2rem;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  font-size: 0.875rem;
  line-height: 2rem;
  color: #fff;
  background-color: rgba(99, 63, 50, 0.6);
  margin: 0;
}

.playlist-1 .item .text {
  position: initial;
  height: initial;
  line-height: 1.5;
}

.inline {
  display: inline-block;
}

.heimu {
  background-color: #252525;
  color: #252525;
  transition: color 0.5s;
}

.heimu:hover {
  color: #ffffff;
}

.imginline {
  display: inline;
}

.img2inline {
  width: 20px;
  display: inline;
}

.flex-row-left {
  display: flex;
  flex-direction: row;
  justify-content: left;
}

/* wiki编辑器 */
.wikiEditor-ui-text {
  color: #000;
}

/* 搜索页面 我其实不清楚有什么地方用了这个样式*/
.oo-ui-layout {
  color: #000;
}

/* .oo-ui-fieldLayout-body{
  color: #000;
} */

.cargoTable {
  color: #000;
}

/* h1标题修改,好像没用 */
/* .mw-first-heading{
  color: #ffffff;
} */
/* h1标题修改2,也没用 */
.span.mw-page-title-main {
  color: #ffffff;
}

/* 超级无敌权重h1样式修改 */
div.so-content.so-container div.so-content-in main#content header.so-content-header h1#firstHeading.firstHeading.mw-first-heading span.mw-page-title-main {
  color: #FFFFFF;
  /* 纯白色 */
}

/* 更新日期: 2024-05-25  最新编辑:xxx 部分 没用 */
/* .so-headling-extra{
  color: #ffffff;
} */
/* 有用 */
main#content header.so-content-header div.so-headling-extra p {
  color: #FFFFFF;
  /* 纯白色 */
}

/* 页面贡献者 :xxx 部分 */
div.so-contributes a.so-contributes-label {
  color: #FFFFFF;
  /* 纯白色 */
}

/* 文件上传列表 */
.listfiles {
  color: #000;
}

/* 单个文件上传页面 */
#mw-htmlform-description #wpDestFile {
  color: black;
}

/* 单个文件上传页面 摘要 */
form#mw-upload-form fieldset table#mw-htmlform-description tr.mw-htmlform-field-HTMLTextAreaField td.mw-input textarea#wpUploadDescription {
  color: black;
}

/* h1标题 */
.so-wrap .so-content .so-content-in #content .so-content-header #firstHeading {
  color: white;
}

/* 0 条评论 0 人参与 */
.so-pandora-comment .gb-comment .gb-comment-mod .gb-comment-mod-hd .gb-comment-release-tit {
  color: white;
}

/* 角色数值部分 */
.stats-container {
  display: flex;
  justify-content: space-between;
  background-color: #333;
  padding: 20px;
  color: white;
}

.stat-block {
  width: 48%;
  padding: 10px;
  background-color: #222;
  border-radius: 5px;
}

.stat-title {
  font-size: 16px;
  color: #AAA;
  margin-bottom: 5px;
}

.stat-value {
  font-size: 24px;
  color: #DDD;
}

.slider-container {
  margin-top: 10px;
}

input[type="range"] {
  width: 100%;
}

/* 角色数值部分结束 */

/* 武器图标显示 */
.weapon-item-container {
  width: 156px;
  height: 150px;
  background: linear-gradient(to bottom, #000, #333);
  border-radius: 5px;
  border: 2px solid #555;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.weapon-item-image {
  width: 90%;
  height: auto;
  z-index: 2;
}

.weapon-item-highlight {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background-color: #ffb500;
}

/* 武器图标显示结束 */

/* character-shuju */
/* 容器样式 */
.character-shuju .character-stats {
  background-color: #333;
  /* 深色背景 */
  padding: 20px;
  border-radius: 10px;
  color: white;
  /*max-width: 600px;*/
  /* 或根据实际需要调整 */
  margin: auto;
}

/* 等级显示部分 */
.character-shuju .level-display {
  margin-bottom: 20px;
}

/* 滑动条样式 */
.character-shuju #levelSlider {
  -webkit-appearance: none;
  /* 针对旧的Safari浏览器 */
  /* 移除默认样式 */
  appearance: none;
  /* 标准属性,适用于大多数现代浏览器 */
  width: 100%;
  height: 8px;
  background: #555;
  outline: none;
  border-radius: 5px;
}

.character-shuju #levelSlider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  max-width: 66px;
  max-height: 50px;
  background: #FFF;
  border-radius: 50%;
  cursor: pointer;
  background: url(https://i.17173cdn.com/g8bz6k/zzz/4/4b/bat-hk-1.png?20240627074413);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  aspect-ratio: 91 / 69;
  display: block;
  height: 1.8vw;
  width: 2.5vw;
  min-height: 30px; 
  min-width: 38px; 
  /*   top: 0; */
}

.character-shuju #levelSlider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background: #FFF;
  border-radius: 50%;
  cursor: pointer;
}

/* 统计数据网格 */
.character-shuju .stats-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /* 两列布局 */
  gap: 10px;
}

/* 单个统计数据项 */
.character-shuju .stat-item {
  background: #222;
  /* 较浅的背景色 */
  padding: 3px;
  padding-right: 13px;
  padding-left: 13px;
  border-radius: 5px;
  border-radius: 1.25vw;
}

.character-shuju .stat-label {
  font-weight: bold;
}

.character-shuju .stat-label2 {
  font-weight: bold;
  color: #d3ff00;
}

.character-shuju .stat-value2 {
  float: right;
  /* 值显示在右侧 */
}

.character-shuju .slider-container {
  border-radius: 1.25vw;
  outline: .10417vw solid #000000;
  border: .10417vw solid #313131;
  box-sizing: border-box;
  background: #313131;
  align-items: center;
  padding: 0 0 0 1.82292vw;
  height: 1.8vw;
  min-height: 30px; 
  overflow: hidden;
  display: flex;
  width: 100%;
}

/* 媒体查询:针对屏幕宽度小于 600px 的设备(如手机) */
@media (max-width: 900px) {
  .character-shuju .slider-container {
    min-height: 30px; 
  }
  .character-shuju #levelSlider::-webkit-slider-thumb {
  min-height: 30px; 
  min-width: 38px;
}
}

.character-shuju #levelSlider {
  -webkit-appearance: none;
  appearance: none;
  /* 标准属性,适用于大多数现代浏览器 */
  height: 100%;
  /* 将滑条高度设置为容器的100% */
  background: transparent;
  /* 使默认的背景透明 */
  outline: none;
  border-radius: 5px;
  border-radius: 1.25vw;
}

.character-shuju label[for="levelSlider"] {
  display: inline-block;
  /* 使标签以块级元素方式显示,支持宽度设置 */
  min-width: 90px;
  /* 设置一个最小宽度,根据实际需求调整 */
  margin-right: 10px;
  /* 与滑动条之间添加一些间隔 */
  font-weight: bold;
  /* 加粗字体,使其更加突出 */
}

.character-shuju input[type="range" i] {
  margin: 0px;
}