MediaWiki:Common.css：修订间差异

2024年4月2日 (二) 18:19的版本

/* 这里放置的CSS将应用于所有皮肤 */
/* Global definitions */
:root {

	--theme-text-color: #2f1c13;
	--theme-link-color: #046df6;
	--theme-link-color--visited: #027797;
    
    --outer-text-color: #fff;
    --outer-link-color: #64A6FC;
    --outer-link-color--visited: #02AFDE;
    --outer-link-color--redlink: #FF5252;
    --footer-text-color: #E2B99C;
    
	--theme-background: #fff;
	--theme-box-border-color: #2f1c13;
	--theme-box-background: #f6ebe3;
	--theme-accent-color: #5d3f1c;
    
    --template-color: 32 39%;
    --template-subcolor: 45 39%;
    --template-text: hsl(var(--template-color) var(--lightness-text, 70%));
    --template-primary: hsl(var(--template-color) var(--lightness-primary, 70%));
    --template-secondary: hsl(var(--template-color) var(--lightness-secondary, 85%));
    --template-tertiary: hsl(var(--template-color) var(--lightness-tertiary, 90%));
    --template-shadow: hsl(var(--template-color) var(--lightness-shadow, 40%));
    --template-sub-primary: hsl(var(--template-subcolor,var(--template-color,0 0%)) var(--lightness-primary, 70%));
    --template-sub-secondary: hsl(var(--template-subcolor,var(--template-color,0 0%)) var(--lightness-secondary, 85%));
    --template-sub-tertiary: hsl(var(--template-subcolor,var(--template-color,0 0%)) var(--lightness-tertiary, 90%));
    --lightness-text: 20%;
    --lightness-primary: 70%;
    --lightness-secondary: 85%;
    --lightness-tertiary: 90%;
    --lightness-shadow: 40%;
    
    --header-icon-color: #fff;
}

.so-content .so-content-in #content {
    color: var(--theme-text-color);
    border-radius: 20px;
}

.so-content .so-content-in li img {
   display: inline;
}


a,
.vector-menu-portal .vector-menu-content li a,
.vector-menu-tabs-legacy li a,
.mw-parser-output a.extiw,
.mw-parser-output a.external {
	color: var(--theme-link-color);
}

a:visited,
.vector-menu-portal .vector-menu-content li a:visited,
.vector-menu-tabs-legacy li a:visited,
.mw-parser-output a.extiw:visited,
.mw-parser-output a.external:visited {
	color: var(--theme-link-color--visited);
}

.vector-menu-tabs-legacy .selected a,
.vector-menu-tabs-legacy .selected a:visited {
    color: var(--outer-text-color);
}

.mw-footer li {
    color: var(--footer-text-color);
}

.vector-menu-tabs-legacy li a,
.vector-menu-dropdown .vector-menu-heading,
#footer a {
    color: var(--outer-link-color);
}

.vector-menu-tabs-legacy li a:visited {
    color: var(--outer-link-color--visited);
}

.vector-menu-tabs-legacy .new a,
.vector-menu-tabs-legacy .new a:visited {
    color: var(--outer-link-color--redlink);
}

.nostyle-list ul,
ul.nostyle-list {
	list-style: none;
	margin: 0;
}


/* Top navigation */
#mw-page-base {
    height: 0;
}

#mw-head-base {
    height: 35px;
    margin: 0;
}

#mw-navigation,
#mw-head {
    height: 45px;
}

#mw-head {
    position: relative;
    display: grid;
    align-items: center;
    grid-template-columns: auto auto;
}

#mw-head .mw-list-item {
    background: none;
}


#left-navigation,
#right-navigation {
    margin-top: 0;
    margin-bottom: 0;
}

#ca-view {
    display: none;
}

.vector-menu-tabs {
    background: none;
    height: unset;
}

#p-namespaces li {
    margin-right: 1em;
}

#p-views li, #p-cactions {
    margin-left: 1em;
}

#mw-head li {
    padding-top: 4px;
    border-bottom: 4px solid transparent;
}

#mw-head #p-cactions-label {
    padding-top: 4px;
}

#mw-head li.selected, #mw-head li.selected:hover {
    border-bottom-color: var(--template-primary);
}

#mw-head li:hover {
    border-bottom-color: var(--template-shadow);
}

#mw-head li a {
    text-decoration: none;
}

#mw-navigation li.mw-list-item a, #mw-head #p-cactions-label {
    border: none;
    height: unset;
    padding: 0;
    background:  none;
}

#right-navigation {
    justify-self: end;
    display: grid;
    grid-template-columns: auto auto auto;
    align-items: center;
}
.vector-search-box form {
    margin: 0;
}
.vector-menu-tabs .mw-watchlink.icon a {
    text-indent: -99999px;
    padding: 0;
    width: 16px;
    height: 18px;
}
.vector-menu-tabs .mw-watchlink.icon a::before {
    top: 0;
    left: 0;
}
.vector-menu-dropdown .vector-menu-content {
    left: unset;
    right: 0;
}

@media only screen and (max-width: 961px) {
    .content-wrapper {
        flex-direction: column;
    }
    #mw-navigation {
        height: 78px;
        padding: 0 0.5em;
        display: grid;
        grid-template: 44px 34px auto / 0px 44px 1fr;
    }
    #mw-navigation > #mw-panel {
        width: unset;
        position: relative;
        display: grid;
    }
    
    #p-logo {
        width: unset;
        height: unset;
        margin: 6px 0 40px 0;
        pointer-events: none;
    }
    #p-logo > a {
        width: 32px;
        height: 32px;
        padding: 0 6px;
        background-size: contain;
        pointer-events: auto;
    }
    
    #mw-navigation > h2 {
        text-indent: -99999px;
        grid-area: 2 / 2;
        position: unset;
        width: 30px;
        height: 24px;
        padding: 0;
        margin: 0 auto;
        background: white url(https://backpackbattles.wiki.gg/images/3/3a/Site-icon-nav.svg) no-repeat center;
        background-size: 12px;
        cursor: pointer;
    }
    
    #left-navigation {
        margin-left: 0;
    }
    
    /* This combination of rules is required for the correct hover behavior. */
    #mw-navigation > h2:hover ~ #mw-panel > div:not(#p-logo),
    #mw-panel:hover > div:not(#p-logo) {
        display: block;
    }
    #mw-panel > #p-logo:hover ~ div {
        display: none;
    }
    #mw-panel > div:not(#p-logo) {
        display: none;
        z-index: 9999;
        width: 100%;
        margin: -10px 0 0 6px;
        white-space: nowrap;
    }
    
    #mw-head {
        grid-area: 1 / 3 / 3;
        position: relative;
        top: 0;
        height: 78px;
        box-sizing: border-box;
        padding: 8px 0px 8px 1em;
        grid-template-rows: 1fr 1fr;
    }
    #left-navigation,
    #right-navigation {
        grid-row: 2;
    }
    #p-search {
        position: absolute;
        right: 0;
        top: 0;
        margin: 0;
        width: 100%;
    }
    
    #p-search > div {
        padding: 8px 0px 8px 1em;
    }

    #simpleSearch {
        width: 100%;
        max-width: 100%;
    }
    
    #mw-head #ca-nstab-main > a,
    #mw-head #ca-nstab-mediawiki > a {
        mask: url(/images/f/f1/Site-icon-read.svg) center/16px no-repeat;
    }
    
    #mw-head #ca-talk > a {
        mask: url(/images/f/f2/Site-icon-talk.svg) center/16px no-repeat;
    }
    
    #mw-head #ca-edit > a {
        mask: url(/images/2/2e/Site-icon-edit.svg) center/16px no-repeat;
    }
    
    #mw-head #ca-history > a {
        mask: url(/images/e/ea/Site-icon-history.svg) center/16px no-repeat;
    }
    
    #mw-head #p-cactions-label > span {
        mask: url(/images/0/0b/Site-icon-actions.svg) center/16px no-repeat;
    }
    
    #mw-head #ca-nstab-main > a,
    #mw-head #ca-nstab-mediawiki > a,
    #mw-head #ca-talk > a,
    #mw-head #ca-edit > a,
    #mw-head #ca-history > a,
    #mw-head #p-cactions-label > span {
        background: var(--header-icon-color);
        text-indent: -9999px;
        width: 20px;
        height: 20px;
    }
}

@media screen and (min-width: 962px) {
    #mw-panel {
        padding-left: 0.5em;
    }
}

@media screen and (min-width: 982px) {
    .vector-search-box {
        margin-right: 0.5em;
    }
}

/* Sidebar */
.portal {
    border: 5px solid var(--template-primary);
    background: var(--template-secondary);
    margin: 5px 0;
    padding: 0;
}

#mw-panel .portal > .vector-menu-heading {
    display: block;
    background: var(--template-tertiary);
    margin: 0;
    padding: 0.5em;
}

#mw-panel .portal > .vector-menu-content > ul {
    padding: 0;
}

/* Footer */
#footer {
    margin-left: 0;
}

#footer-info-copyright {
    position: relative;
}

#footer-info-copyright > div > img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 88px;
    height: 31px;
}

@media only screen and (max-width: 720px) {
    #footer-poweredbyico,
    #footer-info-copyright > div > img {
        display: none;
    }
}

/* Tables */
table {
    display: table;
    white-space: normal;
    border-collapse: separate;
    border-spacing: revert;
}

table:is(.styled, .cargoTable) {
    background: var(--template-primary);
    border: 5px solid var(--template-tertiary);
    border-collapse: separate;
    
    display: block;
    overflow-x: auto;
    max-width: -moz-fit-content;
    max-width: fit-content;
}

table:is(.styled, .cargoTable) tr:first-child th {
      font-weight: normal;
      font-family: Helvetica, "Trebuchet MS", Verdana, sans-serif;
      font-size: 1.0em;
      height: 40px;
      padding: 0 20px;
      text-align: center;
      background-color: var(--template-sub-secondary);
      color: var(--template-text);
}

table:is(.styled, .cargoTable) th {
    background: var(--template-sub-tertiary);
    border-bottom: 1px solid var(--template-shadow);
}

table:is(.styled, .cargoTable, .cargoTable.mergeSimilarCells) td:is(td, .even, .odd) {
    background: var(--template-tertiary);
    padding: 0 5px 0;
    border: 0;
    border-bottom: 1px solid var(--template-shadow);
}

table.items tbody tr {
	height: 100px;
}


@media only screen and (max-width: 720px) {
    table.items .image {
        display: block;
        max-width: 100px;
        max-height: 100px;
    }
    
    table.items .image img {
        width: 100%;
        height: 100%;
    }
}

/*-- infobox -- example: https://backpackbattles.wiki.gg/wiki/Template:Item_infobox --*/
.infobox {
  padding: 6px;
  margin: 0.5em 0 0.5em 1em;
  width: 25em;
  background-color: var(--theme-box-background);
  border: 1px solid var(--theme-box-border-color);
  border-radius: 8px;
  box-sizing: border-box;
  line-height: 1.5;
}
@media (min-width: 576px) { 
  .infobox {
    float: right;
    clear: right;
  }
}


.infobox * {
  background: none;
}

.infobox table {
  background: none;
  width: 100%;
  border: 0;
  border-spacing: 0;
  white-space: normal;
}

.infobox table th,
.infobox table td {
  padding: 2px 0.3em;
  vertical-align: middle;
  border: 0;
}

.infobox table th {
  white-space: nowrap;
  text-align: right;
  width: 5em;
}

.infobox > .title,
.infobox .section > .title {
  border: 1px solid;
  border-color: var(--theme-box-border-color);
  border-radius: 5px;
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  padding: 2px 0;
  margin: 6px 0;
}

.infobox > .title {
	font-size: 1.5em;
	margin-top: 0;
	background: var(--theme-accent-color);
	color: #fff;
}

.infobox .images {
  margin: 6px 0;
  min-height: 40px;
  text-align: center;
}

.infobox .image img {
	max-width: 100%;
	max-height: 300px;
	width: auto;
	height: auto;
}

.infobox ul {
  list-style: none;
  margin: auto;
}

.infobox .section.recipes ul {
	text-align: center;
}

.infobox:has(+ .infobox) {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.infobox + .infobox {
    padding-top: 0;
    margin-top: 0;
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/*-- navbox -- example: https://backpackbattles.wiki.gg/wiki/Template:Items --*/
.navbox {
    border: 4px solid var(--template-primary);
    border-radius: 0px;
    display: table;
    width: 100%;
    margin: 0.5em auto;
    border-collapse: collapse;
    position: relative;
}

.navbox-title {
    background: var(--template-tertiary)
}

.navbox-vde {
	position: absolute;
	left: 1em;
	font-size: 10px;
}

.navbox-title > th > .mw-collapsible-toggle {
    position: absolute;
    right: 0.5em;
}

.navbox-gutter > td {
    padding: 0;
    border-bottom: 1px solid var(--template-primary);
}

.navbox-group {
	background: var(--template-secondary);
    border-right: 1px solid var(--template-primary);
}

.navbox-list {
	background: var(--template-secondary);
	white-space: normal;
    padding: 0 .5em;
}

#content a img {
	display: inline;
}

#content .mw-parser-output h2 {
	background: var(--theme-accent-color);
	border-left: none;
}
/* Site.css */
.so-page {
  background: #000000 url(https://i.17173cdn.com/g8bz6k/backpackbattles/5/5d/Site_background.webp?20240319063745) fixed no-repeat center center / cover;
}
.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;
}
.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://ue.17173cdn.com/a/sogaone/2024/img/content-bg-c-0d485720.jpg) repeat-y center / 100% auto;
  position: relative;
  z-index: 2;
  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::after,
.so-page .so-content.so-container::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 0;
  width: 100%;
  height: 100%;
}
.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 .main-left {
  padding-top: 1.25rem;
}
.so-page .so-content.so-container .so-content-in .main-left .mod {
  margin-bottom: 3.75rem;
  padding: 0 1rem;
  position: relative;
  z-index: 3;
  width: 100%;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAABkCAIAAAB4uH5pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI0RTVFMTBERTgyMjExRUVBRUQxODhDNDg0ODU2MDBCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI0RTVFMTBFRTgyMjExRUVBRUQxODhDNDg0ODU2MDBCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjRFNUUxMEJFODIyMTFFRUFFRDE4OEM0ODQ4NTYwMEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjRFNUUxMENFODIyMTFFRUFFRDE4OEM0ODQ4NTYwMEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6HKH9dAAABEUlEQVR42uzToRGAMBREwR9ai6cFJB0ggiYF4JAUgMHTGzFQA8zsiivgZl461iki+nFue+01DyWAr3ojPbelbecR+C8Bg4ABAQMCBgEDAgYEDAgYBAwIGBAwCBgQMCBgQMAgYEDAgIABAYOAAQEDAgYBAwIGBAwIGAQMCBgQMCBgEDAgYEDAIGBAwICAAQGDgAEBAwIGAQMCBgQMCBgEDAgYEDAgYBAwIGBAwCBgQMCAgAEBg4ABAQMCBgQMAgYEDAgYBAwIGBAwIGAQMCBgQMCAgEHAgIABAYOAAQEDAgYEDAIGBAwIGAQMCBgQMCBgEDAgYEDAgIBBwICAAQGDgAEBAwIGBAwCBgQMCBh43AIMAEQ3C30PtaB5AAAAAElFTkSuQmCC') repeat center / 100%;
}
.so-page .so-content.so-container .so-content-in .main-left .mod::before,
.so-page .so-content.so-container .so-content-in .main-left .mod::after {
  content: '';
  width: 100%;
  height: 1.25rem;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAAUCAYAAAD8+OT/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQ5NTgwRkVFRTgyQjExRUVBRUQxODhDNDg0ODU2MDBCIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQ5NTgwRkVERTgyQjExRUVBRUQxODhDNDg0ODU2MDBCIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUM1NkUyOTRFODIwMTFFRUFFRDE4OEM0ODQ4NTYwMEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjRFNUUxMEFFODIyMTFFRUFFRDE4OEM0ODQ4NTYwMEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7FANUIAAADGElEQVR42uybS0hUYRiGv+OoowkZjlqmo+QlbylakKZ0MUuNHAwLgpLsRq2VciG0KCgpoqAgbFO4C6NFBpVEtYmoNgku7CpddCVKUpH36f2OMzFh0cxs5pjvA8+cM+fiwL94OP/8ozE5PiqB0HX19A1sdgshhFgIwzA6XUdaA2pTWBCfM8ihJoRYkIDbFB7Eh0zoS25JhWQVlXHICSEh5W3PU+l7/ljcbvd40AF82HHG33vi9SXSHs2RJ4SEnIjIqF9t8qdjlY2tAT0B5sFDsAauiIkyzPK9e3HPlBBCQg26pJvDcA/8AO/Ca7Av2Cmwhu4i3AGvwIaJKffnySkZMAzDXtPYLBH2KI48ISSkTI6Pyf2OCzoFng63SbY9wtBZah18BG/CFjj2p3v/tgiyCHbDBJgDT8GXiF8ttva4ZU7GjxBijSkwWqRNArapaanGtgeehLkwDd6BkYEEUJ/8huAu+EUPfB9z69PiMd1PzSniqBNCLINPk5o9rRJPu+rhCDzvbwD1L22H+6Hb53gTzI+JjZPkzHyOOCHEMmiTtE0yu2bR5HNqGh6V2d8u5/gTwAPwMvzqPYCibsWmTfcLyqslLCyMI04IsQzapILyKu/bNjSryue0Pgm2y+wiyT8DuM0zZ/bGb6PMfpFoSy9YK4nOdI42IcRyJDozJKOwRHdtsNPTLi9dsMqfAGrh3ug8Gh7H/gMY61xZKPnrtnCUCSGWJa+0UrRV2ixtFxrW4vlO8D1M9SeANtywD9teeA5GZK9ZL8UVLv1fO44wIcSyaKO0VdosbRc8qy1D03Z6ovj79bfbT1yfmhjXVRIHzI6JMkpxsXlysWOpOa92JKVyZAkh84qhgX7pfdIt30ZHzPf6Y2m07Rl2X8Ph8Eh7nHHrUovvSq95UbQjzVxWTk7PFYMLHoSQeYp7ZkYG+/vk06se+TH8UbwPd3OmwKs318mG+oPmflntXknJzGf8CCHze0qMhmnLtGlm21wNUrzJNTeAKVmrZElCEkeMEPLfEr88TZzZhXMDSAghCw0GkBDCABJCyELjpwADAHJ0vtatnAe7AAAAAElFTkSuQmCC') no-repeat center / 100% 100%;
  position: absolute;
  z-index: -1;
  left: 0;
}
.so-page .so-content.so-container .so-content-in .main-left .mod::before {
  top: -1.25rem;
}
.so-page .so-content.so-container .so-content-in .main-left .mod::after {
  transform: rotateX(180deg);
  bottom: -1.25rem;
}
.so-page .so-content.so-container .so-content-in .main-left .mod-hd {
  margin-bottom: 0.625rem;
  text-align: center;
}
.so-page .so-content.so-container .so-content-in .main-left .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 .main-left .mod-hd .tit {
  display: flex;
  align-items: center;
  font-size: 1.125rem;
  line-height: 1.75rem;
  font-weight: 900;
  color: #333;
  justify-content: center;
}
.so-page .so-content.so-container .so-content-in .main-left .mod-hd .tit::before,
.so-page .so-content.so-container .so-content-in .main-left .mod-hd .tit::after {
  display: none;
}
.so-page .so-content.so-container .so-content-in .main-left .mod-hd .tit .icon {
  margin-right: 0.625rem;
  height: 1rem;
  width: 1rem;
}
.so-page .so-content.so-container .so-content-in .main-left .mod-ft {
  text-align: right;
}
.so-page .so-content.so-container .so-content-in .main-left .mod-ft-link {
  color: #9f7850;
}
.so-page .so-content.so-container .so-content-in .main-left .mod-ft-link:hover {
  color: #333;
}
.so-page .so-content.so-container .so-content-in .main-left .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 .main-left .tlist-item-tag {
  margin-right: 0.5rem;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 0.25rem;
  background-color: #b99742;
  padding-left: 0.375rem;
  padding-right: 0.375rem;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  color: #fff;
}
.so-page .so-content.so-container .so-content-in .main-left .tlist-item-tag-gg {
  background-color: #b99742;
}
.so-page .so-content.so-container .so-content-in .main-left .tlist-item-tag-gl {
  background-color: #96ad3b;
}
.so-page .so-content.so-container .so-content-in .main-left .tlist-item-tag-jc {
  background-color: #d4780f;
}
.so-page .so-content.so-container .so-content-in .main-left .tlist-item .tlist-item-link {
  color: #333;
  text-align: left;
}
.so-page .so-content.so-container .so-content-in .main-left .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;
  margin-top: -1.25rem;
  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 .main-right .mod-action {
  margin-bottom: 2.5rem;
}
.so-page .so-content.so-container .so-content-in .main-right .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 .main-right .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 .main-right .mod-r-bg {
  position: relative;
  z-index: 3;
  width: 100%;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ4AAABkCAYAAAB3qd4tAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFDNTZFMjhDRTgyMDExRUVBRUQxODhDNDg0ODU2MDBCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFDNTZFMjhERTgyMDExRUVBRUQxODhDNDg0ODU2MDBCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUM1NkUyOEFFODIwMTFFRUFFRDE4OEM0ODQ4NTYwMEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUM1NkUyOEJFODIwMTFFRUFFRDE4OEM0ODQ4NTYwMEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6a+qztAAABJUlEQVR42uzUMRWAMAxAQYKzqsADAhDSoR46VAPS4LWAgG4Md0Nesmb40fJxLY/oo9TzuwGGfUvxrqMPq5cAs4QDEA5AOADhAIQDEA4A4QCEAxAOQDgA4QAQDkA4AOEAhAMQDgDhAIQDEA5AOADhAIQDQDgA4QCEAxAOQDgAhAMQDkA4AOEAhANAOADhAIQDEA5AOACEAxAOQDgA4QCEAxAOAOEAhAMQDkA4AOEAEA5AOADhAIQDEA4A4QCEAxAOQDgA4QAQDkA4AOEAhAMQDkA4AIQDEA5AOADhAIQDQDgA4QCEAxAOQDgAhAMQDkA4AOEAhANAOADhAIQDEA5AOADhABAOQDgA4QCEAxAOAOEAhAMQDkA4AOEAEA5AOADhAP7tFmAAfzIIfMIUVKAAAAAASUVORK5CYII=') repeat center / 100%;
  margin-bottom: 3.75rem;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-r-bg::before,
.so-page .so-content.so-container .so-content-in .main-right .mod-r-bg::after {
  content: '';
  width: 100%;
  height: 1.25rem;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQ4AAAAUCAYAAAB8i9PsAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF7WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4xLWMwMDAgNzkuZGFiYWNiYiwgMjAyMS8wNC8xNC0wMDozOTo0NCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyNC0wNC0wMVQxNTo1MDo0MyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjQtMDQtMDFUMTc6NTU6MTIrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjQtMDQtMDFUMTc6NTU6MTIrMDg6MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NmNiYWQ4ZWMtMTFmNy00ZDU0LWJlMzQtMzM1ODgyMTRiOGUyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFDNTZFMjkxRTgyMDExRUVBRUQxODhDNDg0ODU2MDBCIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6QUM1NkUyOTFFODIwMTFFRUFFRDE4OEM0ODQ4NTYwMEIiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQzU2RTI4RUU4MjAxMUVFQUVEMTg4QzQ4NDg1NjAwQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQzU2RTI4RkU4MjAxMUVFQUVEMTg4QzQ4NDg1NjAwQiIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo2Y2JhZDhlYy0xMWY3LTRkNTQtYmUzNC0zMzU4ODIxNGI4ZTIiIHN0RXZ0OndoZW49IjIwMjQtMDQtMDFUMTc6NTU6MTIrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsJcSB4AAALuSURBVHic7dvLTxNRFMfxb4c3VoGAtgkgIyglFUQERCXEYFCjbtyxcIOQEIMbEw3/B0S7ZN8Y9ogxZQEaBRVEGh6hoFQeNohALViguCgklRbNNEAbPZ/NZObOL3Nmc3LvzYyuvbUZjZ4B17SGhBBRywlkawkoYTzEE0ZGCBG9lrQGYsN4SPLW8TrQGUZeCBEdsoApIFVrMJwZR/7W0RlGVggRPeYAL2AEDmkJam0cmYAKuIERjVkhRHRZAwbw94FLWoJ/XapYrLZzQCNQU2zKVivPnsThdOk7ej6uh1WqECJqVBTlUmrOwe6Y6ejqHZ4AngNtTbXVvX/K7do4LFZbImAB6gBdbEwMxfn+jdeRydk9K1wIETkjk7OUmnPIzzEobwYdeZ5Vbx5wz2K1tQH3m2qrV0PlQi5VLFZbEvACuAvoAIpNWeiTE/i2+IPJ6fl9eg0hxEH6vuxh3OkiNkbhYnFe4FA90Gmx2uJD5Xbb42ghYM1jSD9C+WkVgO73Y2xubu5J0UKIyHs1MM76hg+TasSkGgOHqvD3giBBjcNitZUADdvnR9MOc7PqDIqiMDA6hXNuYa/rFkJE0JJ7he53owBUl5tQMzMChxstVlvRzkyoGUf99nWTauT2lRKSEuJwOF287B/fh7KFEJFmd8zw1v4JRVG4UVlIqTkHRacDfy9o2Hl/qM3RmkxDGmVmlcxjqQAMT8zQ1TciSxQh/mGvBx2sb2xwvvAEFUW5nDpuoHdogokv81d33qtrb22uA3xABlDo9vys0ycn6AA8K156+scY+/z1YN9ACBExWYY0LpeZSNEnAbDqXdtMjI+z4v92axZw69pbm4OmEW7PKkPj03wYdbK2vnGwVQshIk5RFApUIwW5RozpKUHjgUuVFmDsaWffY9fC8oEVKISIPj6fD7tjGrtjmhR9EnduXWgAzMBD+H1z9AHwRJqGECLQonsFoA14tH0tnJ/chBD/OWkcQgjNpHEIITSTxiGE0OwXN7PMDvXVVUkAAAAASUVORK5CYII=') no-repeat center / 100% 100%;
  position: absolute;
  z-index: -1;
  left: 0;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-r-bg::before {
  top: -1.25rem;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-r-bg::after {
  transform: rotateX(180deg);
  bottom: -1.25rem;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-r-hd {
  display: flex;
  justify-content: center;
  align-items: center;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-r-hd .tit {
  color: #eed699;
  font-size: 1.25rem;
  margin: 0 1.25rem;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-r-hd::before,
.so-page .so-content.so-container .so-content-in .main-right .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 .main-right .mod-r-hd::before {
  transform: rotateY(180deg);
}
.so-page .so-content.so-container .so-content-in .main-right .mod-act {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-bottom: 0.25rem;
}
.so-page .so-content.so-container .so-content-in .main-right .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 .main-right .mod-r-bd {
  padding: 0 0.5rem;
}
.so-page .so-content.so-container .so-content-in .main-right .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 .main-right .actlist-item:hover {
  text-decoration: none;
}
.so-page .so-content.so-container .so-content-in .main-right .actlist-item:hover .actlist-item-tit {
  text-decoration: underline;
}
.so-page .so-content.so-container .so-content-in .main-right .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 .main-right .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 .main-right .mod-about {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  padding-bottom: 0.25rem;
}
.so-page .so-content.so-container .so-content-in .main-right .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 .main-right .mod-about .mod-r-bd {
  padding: 0.625rem;
}
.so-page .so-content.so-container .so-content-in .main-right .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 .main-right .mod-about .logo .img {
  width: 60%;
  max-width: 12rem;
}
.so-page .so-content.so-container .so-content-in .main-right .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 .main-right .mod-about .space {
  margin: 1.25rem 0;
  border-bottom: 1px solid #b4b0ab;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-about .contact {
  text-align: left;
  margin-bottom: 1.75rem;
  font-weight: 700;
  color: #b4b0ab;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-about .ul {
  padding-bottom: 0.75rem;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-about .ul .link {
  display: flex;
  align-items: center;
  font-weight: 700;
  color: #eed699;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-about .ul .link:hover {
  text-decoration-line: underline;
}
.so-page .so-content.so-container .so-content-in .main-right .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 .main-right .mod-about .ul .link .img {
  margin-left: 0.625rem;
  height: 0.625rem;
  width: 0.625rem;
}
.so-page .so-content.so-container .so-content-in .main-center .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 .main-center .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.5rem 0;
}
.so-page .so-content.so-container .so-content-in .main-center .mod-c-hd::before,
.so-page .so-content.so-container .so-content-in .main-center .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 .main-center .mod-c-hd::before {
  transform: rotateY(180deg);
}
.so-page .so-content.so-container .so-content-in .main-center .mod-c-hd .tit {
  color: #fff;
  margin: 0 2rem;
  text-shadow: 1px 1px 10px #f0d7a7;
}
.so-page .so-content.so-container .so-content-in .main-center .mod-c-hd .icon {
  margin-right: 0.5rem;
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
}
.so-page .so-content.so-container .so-content-in .main-center .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 .main-center .ptlist {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-item {
  max-height: 7rem;
  border-radius: 0.25rem;
}
.so-page .so-content.so-container .so-content-in .main-center .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 .main-center .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 .main-center .ptlist-item .avatar-bg {
  position: absolute;
  z-index: -10;
  height: 100%;
  width: 100%;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-item .avatar {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.so-page .so-content.so-container .so-content-in .main-center .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 .main-center .ptlist-item .text-mask {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-item-in:hover .text {
  color: #fff;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-item-in:hover::after {
  border-color: #eed699;
}
.so-page .so-content.so-container .so-content-in .main-center .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 .main-center .ptlist-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
.so-page .so-content.so-container .so-content-in .main-center .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 .main-center .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 .main-center .ptlist-3 .item:hover .text {
  text-decoration: none;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-3 .item .avatar {
  grid-column: span 2 / span 2;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-3 .item .avatar .img {
  margin-left: auto;
  margin-right: auto;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-3 .item .text {
  grid-column: span 3 / span 3;
  color: #9f7850;
  text-align: left;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-3 .item .text p {
  margin: 0;
}
.so-page .so-content.so-container .so-content-in .main-center .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 .main-center .gray-666 {
  color: #666;
}
.so-page .so-content.so-container .so-content-in .main-center .box-hd {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlcAAAASCAYAAAB2MftyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi41IChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkYzNjE0RDdERTgxRDExRUVBRUQxODhDNDg0ODU2MDBCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkYzNjE0RDdFRTgxRDExRUVBRUQxODhDNDg0ODU2MDBCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjM2MTREN0JFODFEMTFFRUFFRDE4OEM0ODQ4NTYwMEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjM2MTREN0NFODFEMTFFRUFFRDE4OEM0ODQ4NTYwMEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5u71aqAAAJbUlEQVR42uyd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) no-repeat center / 100% auto;
  margin: 1.125rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.so-page .so-content.so-container .so-content-in .main-center .box-hd .tit {
  font-size: 1.25rem;
  font-weight: bold;
  color: #333;
}
.so-page .so-content.so-container .so-content-in .main-center .link-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}
.so-page .so-content.so-container .so-content-in .main-center .link-border-list .link-item {
  border: 1px solid #9f7850;
}
.so-page .so-content.so-container .so-content-in .main-center .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 .main-center .link-border-list .link-item:hover {
  text-decoration: none;
}
.so-page .so-content.so-container .so-content-in .main-center .link-border-list .link-item:hover .text .dot {
  background-color: #000;
}
@media (min-width: 768px) {
  .so-page .so-content.so-container .so-content-in .main-center .link-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
  }
}
.so-page .so-content.so-container .so-content-in .main-center .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 .main-center .link-item:hover {
  color: #333;
}
.so-page .so-content.so-container .so-content-in .main-center .link-item .text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.so-page .so-content.so-container .so-content-in .main-center .link-item .icon {
  margin-right: 0.5rem !important;
  display: inline-block;
  height: 1rem;
  width: 1rem;
}
.so-page .so-content.so-container .so-content-in .main-center .link-flex-list {
  display: flex;
  flex-wrap: wrap;
}
.so-page .so-content.so-container .so-content-in .main-center .link-flex-list .item {
  box-sizing: border-box;
  display: flex;
  height: 2.25rem;
  align-items: center;
  border-radius: 0.25rem;
  border: 1px solid #9f7850;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  margin-right: 0.8rem;
  margin-bottom: 0.8rem;
  color: #9f7850;
  box-shadow: 0 1px 2px 0 #9f7850;
}
.so-page .so-content.so-container .so-content-in .main-center .link-flex-list .item:hover {
  color: #333;
  text-decoration-line: none;
}
.so-page .so-content.so-container .so-content-in .main-center .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 .main-center .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 .main-center .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 .main-center .link-grid-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
  }
}
.so-page .so-content.so-container .so-content-in .main-center .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 .main-center .soc-tab-nav {
  margin-bottom: 1.25rem;
  display: flex;
  align-items: center;
  overflow: hidden;
  overflow-x: scroll;
  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 .main-center .soc-tab-nav .tab {
  display: flex;
  align-items: center;
  font-weight: normal;
}
.so-page .so-content.so-container .so-content-in .main-center .soc-tab-nav .tab.current .tab-in {
  background-color: transparent;
  font-weight: bold;
}
.so-page .so-content.so-container .so-content-in .main-center .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;
}
.so-page .so-content.so-container .so-content-in .main-center .soc-tab-nav .soc-tab-nav .tab-in:hover {
  background-color: #ff0;
}
.so-page .so-content.so-container .so-content-in .main-center .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 .main-center .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 .main-center .ptlist-2 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
.so-page .so-content.so-container .so-content-in .main-center .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/bAIQAAQEBAQEBAQEBAQEBAQEB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) no-repeat center / 100% 100%;
  border: 2px solid #633f32;
  position: relative;
  max-height: 160px;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-2 .item:hover {
  text-decoration-line: none;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-2 .item:hover .text {
  background-color: #633f32;
}
.so-page .so-content.so-container .so-content-in .main-center .ptlist-2 .item .item-in {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.so-page .so-content.so-container .so-content-in .main-center .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 .main-center .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 #toc,
.so-page #toc .toctogglespan {
  top: max(45px, 26vh);
}
.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;
}