MediaWiki:Common.css
注意：在发布之后，您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari：按住Shift的同时单击刷新，或按Ctrl-F5或Ctrl-R（Mac为⌘-R）
- Google Chrome：按Ctrl-Shift-R（Mac为⌘-Shift-R）
- Internet Explorer或Edge：按住Ctrl的同时单击刷新，或按Ctrl-F5
- Opera：按 Ctrl-F5。
/* 这里放置的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;
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://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: 20px;
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: -20px;
}
.so-page .so-content.so-container .so-content-in .main-right .mod-r-bg::after {
transform: rotateX(180deg);
bottom: -20px;
}
.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 0.5rem;
}
.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.3rem 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 1rem;
text-shadow: 1px 1px 10px #f0d7a7;
font-family: 'Songti SC', serif;
}
.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;
font-family: 'Songti SC', serif;
}
.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;
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 .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;
}
.so-page .so-content.so-container .so-pandora-comment {
position: relative;
z-index: 2;
}
.so-page .so-content.so-container .so-pandora-comment .gb-comment .gb-comment-item {
border-bottom-color: #d0bd9c;
}
.so-page .so-content.so-container .so-pandora-comment .gb-comment-handle,
.so-page .so-content.so-container .so-pandora-comment .gb-comment-handle a {
color: #333;
}
.so-page .so-content.so-container .so-pandora-comment .gb-comment-ico-like,
.so-page .so-content.so-container .so-pandora-comment .gb-comment-ico-unlike {
-webkit-mask: url(//ue.17173cdn.com/a/lib/v4/1.3.25/comment/assets/img/gb-comment-ico.png?80b396b…) no-repeat;
mask: url(//ue.17173cdn.com/a/lib/v4/1.3.25/comment/assets/img/gb-comment-ico.png?80b396b…) no-repeat;
background: rgba(51, 51, 51, 0.8);
}
.so-page .so-content.so-container .so-pandora-comment .gb-comment-ico-like {
-webkit-mask-position: 0 -75px;
mask-position: 0 -75px;
}
.so-page .so-content.so-container .so-pandora-comment .gb-comment-ico-unlike {
-webkit-mask-position: 0 -90px;
mask-position: 0 -90px;
}
