用户:Novtumn76

/* ============================================= Portable‑Infobox 原始样式（全部保留原样） ============================================= */

root {

 --theme-page-background-color: #FFFFFF;
 --theme-page-background-color--secondary: #F4F3F4;
 --theme-page-text-color--rgb: 58, 58, 58;
 --theme-accent-color: #D4213D;
 --theme-accent-color--rgb: 221, 12, 57;
 --theme-accent-label-color: #FFFFFF;
 --theme-alert-color: #BF0017;
 --theme-alert-label: #FFFFFF;

 /* ===== WikiGG Citizen 原生变量追加到 :root ===== */
 --wiki-body-background-image: url("http://eggyparty.wiki/images/f/ff/Background.webp");
 --wiki-content-background-color: rgba(44, 14, 72, 0.88);
 --wiki-content-background-color--secondary: rgba(50, 10, 80, 0.88);
 --wiki-content-border-color: #8848b8;
 --wiki-content-link-color: #e2b8ff;
 --wiki-accent-color: #f0d4ff;
 --wiki-accent-label-color: #ffffff;
 --wiki-accent-link-color: #e2b8ff;
 --wiki-icon-to-link-filter: none;

}

.portable-infobox {

 --pi-background: var(--theme-page-background-color);
 --pi-secondary-background: var(--theme-accent-color);
 --pi-secondary-background--label: var(--theme-accent-label-color);
 --pi-border-color: var(--theme-accent-color);
 float: right;
 clear: right;
 width: 300px;
 margin: 0 0 18px 18px;
 border-width: 1px;
 border-style: solid;
 border-color: var(--theme-accent-color);
 border-radius: 3px;

} .mw-parser-output .portable-infobox section {

 margin-bottom: 0;
 font-size: inherit;
 font-weight: inherit;
 line-height: inherit;

} .mw-parser-output .portable-infobox ul {

 margin: 0;
 padding: 0;

} .mw-parser-output .portable-infobox ul ul {

 margin-top: 6px;
 padding-left: 9px;

} .mw-parser-output .portable-infobox p {

 margin: 0;
 font-size: inherit;

} .pi-item-spacing {

 padding-top: 9px;
 padding-bottom: 9px;

} .pi-border-color {

 border-color: var(--pi-border-color);

} .pi-background, .portable-infobox.pi-background {

 background-color: var(--pi-background);

} .pi-secondary-background {

 background: var(--pi-secondary-background) !important;
 color: var(--pi-secondary-background--label) !important;

} .pi-secondary-background + .pi-secondary-background {

 border-top: 1px solid var(--pi-background);

} .pi-secondary-background + * > .pi-data:first-child, .pi-secondary-background + .pi-data {

 border-top: 0;

} .portable-infobox .pi-secondary-background a {

 color: inherit;

} .pi-font {

 font-size: 12px;

} .pi-secondary-font {

 margin-top: 0;
 font-size: 14px;
 font-weight: 700;
 line-height: 1.25;

} .pi-caption, .pi-data, .pi-navigation {

 padding-left: 9px;
 padding-right: 9px;

} .pi-header, .pi-title {

 text-align: center;

} .portable-infobox .pi-header, .portable-infobox .pi-title {

 display: block;
 margin: 0;
 font-weight: 700;
 line-height: 1.25;
 border-bottom: 0;

} .portable-infobox .pi-title {

 padding: 12px 9px;
 font-family: inherit;
 font-size: 18px;

} .portable-infobox .pi-header {

 padding: 9px;
 font-family: inherit;
 font-size: 14px;

} .pi-title {

 background: var(--pi-secondary-background) !important;
 color: var(--pi-secondary-background--label) !important;

} .pi-data {

 display: -webkit-box;
 display: flex;
 -webkit-box-orient: horizontal;
 -webkit-box-direction: normal;
 flex-direction: row;
 grid-column-gap: 9px;
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 overflow: hidden;
 border-top-style: solid;
 border-top-width: 1px;
 border-bottom-style: solid;
 border-bottom-width: 0px;

} .pi-image + .pi-data, .pi-image-collection + .pi-data, .pi-secondary-background + .pi-data, .portable-infobox > .pi-data:first-child {

 border-top: 0;

} .portable-infobox .pi-image-thumbnail {

 width: auto;
 max-width: -webkit-fill-available;

} .pi-layout-stacked .pi-data {

 display: block;

} .pi-data-label {

 flex-basis: 90px;
 margin: 0;
 overflow: hidden;
 word-wrap: break-word;
 -webkit-hyphens: auto;
 hyphens: auto;

} .pi-data-label ~ .pi-data-value {

 padding-left: 9px;

} .portable-infobox .pi-data-label {

 margin-top: 0;
 margin-bottom: 0;
 font-family: inherit;
 font-size: 12px;
 font-weight: 700;
 line-height: 1.5;

} .portable-infobox h3.pi-data-label {

 display: block;

} .pi-data-value {

 line-height: 1.5;
 word-break: break-word;
 -webkit-hyphens: auto;
 hyphens: auto;

} .pi-data-value > * {

 margin: 0;

} .pi-data-value:not(:first-child) {

 flex-basis: 180px;

} .pi-data-value ol {

 list-style-position: inside;

} .pi-image {

 text-align: center;

} .pi-image img {

 vertical-align: middle;
 width: auto;
 max-width: 100%;
 height: auto;

} .pi-caption {

 text-align: center;
 font-size: 14px;
 font-style: italic;
 color: rgba(var(--theme-page-text-color--rgb), 0.6);
 word-wrap: break-word;
 -webkit-hyphens: auto;
 hyphens: auto;

} .pi-horizontal-group {

 width: 100%;
 table-layout: fixed;
 border-collapse: collapse;
 text-align: center;

} .pi-horizontal-group .pi-header {

 display: table-caption;
 text-align: left;

} .pi-horizontal-group .pi-secondary-background + * .pi-horizontal-group-item {

 border-top: 0;

} .pi-horizontal-group-item.pi-data-label {

 padding: 9px 9px 0;
 border-top-style: solid;
 border-top-width: 1px;

} .pi-horizontal-group-item.pi-data-value {

 padding: 0 9px 9px;

} .pi-horizontal-group-item:not(:first-child) {

 border-left-style: solid;
 border-left-width: 1px;

} .pi-smart-group {

 display: -webkit-box;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
 flex-direction: column;
 text-align: center;
 border-top-style: solid;
 border-top-width: 1px;

} .pi-smart-group .pi-smart-data-label {

 margin-bottom: 0;
 padding-bottom: 0;

} .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value {

 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 flex-basis: auto;
 margin: 3px 0;
 padding: 6px 9px;

} .pi-smart-group .pi-smart-data-label:not(:first-child), .pi-smart-group .pi-smart-data-value:not(:first-child) {

 border-left-style: solid;
 border-left-width: 1px;

} .pi-smart-group .pi-smart-data-label:first-child, .pi-smart-group .pi-smart-data-value:first-child {

 padding-left: 9px;

} .pi-smart-group .pi-smart-data-label:last-child, .pi-smart-group .pi-smart-data-value:last-child {

 padding-right: 9px;

} .pi-smart-group-body, .pi-smart-group-head {

 display: -webkit-box;
 display: flex;

} .pi-smart-group-head + .pi-smart-group-body {

 border-top-style: solid;
 border-top-width: 1px;

} .pi-secondary-background + .pi-smart-group {

 border-top: 0;

} .pi-collapse.pi-collapse-closed {

 border-bottom: none;

} .pi-collapse.pi-collapse-closed .pi-header:first-child:after {

 -webkit-transform: rotate(135deg);
 transform: rotate(135deg);

} .pi-collapse.pi-collapse-closed .pi-horizontal-group tbody, .pi-collapse.pi-collapse-closed .pi-horizontal-group thead, .pi-collapse.pi-collapse-closed > :nth-child(n+2) {

 display: none;

} .pi-collapse .pi-header:first-child {

 position: relative;
 padding-right: 40px;
 text-align: center;
 cursor: pointer;

} .pi-collapse .pi-header:first-child:after {

 position: absolute;
 top: 50%;
 right: 16px;
 display: block;
 width: 8px;
 height: 8px;
 margin-top: -6px;
 content: "";
 vertical-align: middle;
 border-color: currentcolor;
 border-style: solid;
 border-width: 2px 2px 0 0;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
 -webkit-transition: -webkit-transform 0.3s;
 transition: -webkit-transform 0.3s;
 transition: transform 0.3s;
 transition: transform 0.3s, -webkit-transform 0.3s;

} .mw-parser-output .pi-error-info {

 margin: 0;
 padding: 36px 50px;
 font-size: 18px;
 line-height: 28px;
 background-color: var(--theme-alert-color);
 color: var(--theme-alert-label);

} .mw-parser-output .pi-debug {

 width: 100%;
 margin: 0;
 font-family: monospace;
 list-style: none;
 background-color: var(--theme-page-background-color--secondary);

} .mw-parser-output .pi-debug li {

 margin: 0;

} .mw-parser-output .pi-debug .error {

 font-size: inherit;

} .pi-debug-line {

 display: -webkit-box;
 display: flex;

} .pi-debug-line-code, .pi-debug-line-number {

 -webkit-box-sizing: border-box;
 box-sizing: border-box;

} .pi-debug-line-number {

 flex-basis: 50px;
 flex-shrink: 0;
 padding-left: 9px;

} .pi-debug-error-message {

 position: relative;
 width: 400px;
 margin: 20px 0 10px 25px;
 padding: 9px 13.5px;
 font-family: Helvetica, Arial, sans-serif;
 background-color: #1E0C1B;
 color: #FFFFFF;

} .pi-debug-error-message:before {

 position: absolute;
 top: -18px;
 left: 25px;
 display: block;
 width: 0;
 height: 0;
 content: "";
 border-bottom: 18px solid #1E0C1B;
 border-left: 18px solid transparent;
 border-right: 18px solid transparent;

} .pi-debug-error-message .pi-debug-error-message-item {

 margin: 4.5px 0;

} .pi-secondary-background + .pi-secondary-title, .pi-secondary-title + .pi-secondary-background, .pi-secondary-title + .pi-secondary-title {

 border-top: 1px solid var(--pi-background);

} .pi-group {

 border-bottom-width: 0;

} .mw-parser-output .portable-infobox .pi-title::after, .mw-parser-output .portable-infobox .pi-header::after {

 content: none;

} .portable-infobox .pi-horizontal-group-item:nth-child(2n) {

 background-color: unset;

} .portable-infobox .pi-horizontal-group-item:not(:first-child) {

 border-left-style: solid;
 border-left-width: 1px;
 border-color: var(--pi-border-color);

} /** Styles for PortableInfobox in mobile view **/ @media screen and (max-width: 720px) {

 .portable-infobox {
   float: none;
   width: initial;
   margin: 0;
   font-size: initial;
 }

} @media screen and (max-width: 639px) {

 .mw-parser-output .portable-infobox table {
   display: table;
 }

} /* Remove extra H2 bottom border */

1. mw-content h2 {

 border-bottom: none;

} .cs-comments {

   width: 100%;

} .cs-edit-box::after {

 content: "请珍惜发表评论的权限，保持礼貌，严禁侮辱他人。";
 display: block;
 font-size: 14px;
 font-weight: bold;

}

lang(zh-hant) .cs-edit-box::after {

 content: "請珍惜發表評論的權限，保持禮貌，嚴禁侮辱他人。";

} .ns-1 .cs-comments {

 display: none;

}

/* ============================================================

蛋仔派对惊魂盛典季主题（Citizen 皮肤专用）

============================================================ */ /* ===== 浅色模式（明色） ===== */

root {

 --color-progressive: #FFD93D !important;
 --color-progressive--hover: #E6B800 !important;
 --color-progressive--active: #CC9900 !important;
 --color-link: #B36B00 !important;
 --color-link--hover: #8A5200 !important;
 --color-base: #333333 !important;
 --color-emphasized: #5C3D00 !important;
 --color-subtle: #6B5B3E !important;
 --color-surface-0: #FFF8E7 !important;
 --color-surface-1: rgba(255, 248, 231, 0.86) !important;
 --color-surface-2: #FFF3B0 !important;

}

/* 背景图放在最底层 */ body, html {

 background-image: url("http://eggyparty.wiki/images/f/ff/Background.webp") !important;
 background-size: cover !important;
 background-position: center !important;
 background-attachment: fixed !important;
 background-color: #FFF3B0 !important;
 background-repeat: no-repeat !important;

}

/* Citizen 最外层设为透明，让 body 背景图透出来 */

1. citizen {

 background-color: transparent !important;
 background-image: none !important;

}

/* 所有内容容器直接给半透明遮罩 */ .citizen-body, .citizen-content, .citizen-content__main, .citizen-main, main, .mw-body, .mw-body-content, #mw-content-text, .mw-parser-output {

 background-color: rgba(255, 248, 231, 0.86) !important;
 background-image: none !important;

}

/* 给主内容区加圆角和内边距 */ .citizen-content, .citizen-content__main, .mw-body-content {

 border-radius: 8px;
 padding: 16px 24px !important;

}

/* 顶部导航栏半透明 */ .citizen-header, .citizen-header__bar, .citizen-title {

 background-color: rgba(255, 255, 255, 0.84) !important;
 backdrop-filter: blur(4px);

}

/* 侧边栏/抽屉菜单半透明 */ .citizen-menu, .citizen-drawer, .citizen-sidebar {

 background-color: rgba(255, 255, 255, 0.88) !important;

}

/* 信息框保持不透明实底 */ .portable-infobox {

 background-color: #FFFFFF !important;

}

/* ===== 安全修复：防止主页小房子图标消失或与Logo粘合 ===== */

1. p-logo {

 margin-right: 20px !important;
 margin-bottom: 10px !important;

}

/* ===== 深色模式（暗色） ===== */ html.skin-theme-clientpref-night, html.clientpref-night {

 --color-progressive: #FFD93D !important;
 --color-progressive--hover: #FFC107 !important;
 --color-progressive--active: #E6B800 !important;
 --color-link: #FFB74D !important;
 --color-link--hover: #FFD54F !important;
 --color-base: #E6DCC8 !important;
 --color-emphasized: #FFFFFF !important;
 --color-subtle: #B0A898 !important;
 --color-surface-0: #1E1C18 !important;
 --color-surface-1: rgba(45, 42, 36, 0.87) !important;
 --color-surface-2: #3D3A33 !important;

 /* 深色模式下重写 wiki‑gg 变量 */
 --wiki-body-background-image: url("http://eggyparty.wiki/images/f/ff/Background.webp");
 --wiki-content-background-color: rgba(24, 0, 50, 0.88);
 --wiki-content-background-color--secondary: rgba(32, 0, 62, 0.88);
 --wiki-content-border-color: #601894;
 --wiki-content-link-color: #e2b8ff;
 --wiki-accent-color: #f0d4ff;
 --wiki-accent-label-color: #ffffff;
 --wiki-accent-link-color: #e2b8ff;
 --wiki-icon-to-link-filter: none;

}

/* 深色模式移除背景图，纯色深底防刺眼 */ html.skin-theme-clientpref-night body, html.clientpref-night body, html.skin-theme-clientpref-night html {

 background-image: none !important;
 background-color: #1E1C18 !important;

}

/* 深色模式内容区遮罩 */ html.skin-theme-clientpref-night .citizen-body, html.clientpref-night .citizen-body, html.skin-theme-clientpref-night .citizen-content, html.clientpref-night .citizen-content, html.skin-theme-clientpref-night .citizen-content__main, html.clientpref-night .citizen-content__main, html.skin-theme-clientpref-night .citizen-main, html.clientpref-night .citizen-main, html.skin-theme-clientpref-night main, html.clientpref-night main, html.skin-theme-clientpref-night .mw-body, html.clientpref-night .mw-body, html.skin-theme-clientpref-night .mw-body-content, html.clientpref-night .mw-body-content, html.skin-theme-clientpref-night #mw-content-text, html.clientpref-night #mw-content-text, html.skin-theme-clientpref-night .mw-parser-output, html.clientpref-night .mw-parser-output {

 background-color: rgba(45, 42, 36, 0.87) !important;
 background-image: none !important;

}

/* 深色模式顶部导航 */ html.skin-theme-clientpref-night .citizen-header, html.clientpref-night .citizen-header {

 background-color: rgba(30, 28, 24, 0.83) !important;

}

/* 深色模式侧边栏 */ html.skin-theme-clientpref-night .citizen-menu, html.clientpref-night .citizen-menu, html.skin-theme-clientpref-night .citizen-drawer, html.clientpref-night .citizen-drawer {

 background-color: rgba(45, 42, 36, 0.89) !important;

}

html.skin-theme-clientpref-night .portable-infobox, html.clientpref-night .portable-infobox {

 background-color: #2D2A24 !important;

}

/* Citizen皮肤：消除页脚中间大片空白 */ .citizen-footer__info {

 margin-bottom: 0 !important;
 padding-bottom: 0 !important;

} .citizen-footer__site {

 margin-top: 0 !important;
 padding-top: 10px !important;

}

/* PortableInfobox 移动端图片修复 */ .pi-media.pi-image {

 width: 100% !important;

} .pi-media.pi-image img {

 display:block !important;
 max-width:100% !important;
 height:auto !important;

}

.sound.sound-btn-only {

 display: inline-flex;
 align-items: center;
 gap:6px;

} .sound-speaker-btn {

 font-size:1.1em;
 cursor:pointer;
 user-select:none;
 padding:1px 4px;
 border-radius:4px;

} .sound-speaker-btn:hover {

 background:#eee;

} .sound-audio-holder {

 position:absolute;
 left:-9999px;
 top:0;
 width:1px;
 height:1px;
 overflow:hidden;

} .sound-title {

 font-size:0.95em;

}