背包乱斗WIKI
wiki.17173.com/backpackbattles
首页
游戏介绍
物品列表
物品合成表
游戏机制
角色
版本改动
首页
游戏介绍
物品列表
物品合成表
游戏机制
角色
版本改动
查看“MediaWiki:Common.css”的源代码
WIKI功能
阅读
查看源代码
查看历史
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
此页面为本wiki上的软件提供界面文本,并受到保护以防止滥用。 如欲修改所有wiki的翻译,请访问
translatewiki.net
上的MediaWiki本地化项目。
您无权编辑此CSS页面,因为编辑此页面可能会影响所有访问者。
您可以查看和复制此页面的源代码。
/* 这里放置的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; }
返回
MediaWiki:Common.css
。