MediaWiki:Vector-2022.css

/* vector 定义citizen变量 */
/* 强制浅色模式 */
:root.skin-theme-clientpref-day {
  --color-surface-0: #eef2f9;
  --color-surface-1: #e6ebf6;
  --color-surface-2: #dde5f2;
  --color-surface-3: #d3dff3;
  --color-surface-4: #c9d8f3;
}

/* 强制深色模式 */
:root.skin-theme-clientpref-night {
  --color-surface-0: #07090d;
  --color-surface-1: #0a0d14;
  --color-surface-2: #0d121b;
  --color-surface-3: #0f1624;
  --color-surface-4: #101a2d;
}

/* 自动跟随系统模式 */
@media (prefers-color-scheme: light) {
  :root.skin-theme-clientpref-os {
    --color-surface-0: #eef2f9;
    --color-surface-1: #e6ebf6;
    --color-surface-2: #dde5f2;
    --color-surface-3: #d3dff3;
    --color-surface-4: #c9d8f3;
  }
}

@media (prefers-color-scheme: dark) {
  :root.skin-theme-clientpref-os {
    --color-surface-0: #07090d;
    --color-surface-1: #0a0d14;
    --color-surface-2: #0d121b;
    --color-surface-3: #0f1624;
    --color-surface-4: #101a2d;
  }
}

/* =========================================================
 * 正文阅读排版
 * ======================================================= */

.subpageNavigation {
    background-color: var(--background-color-neutral);
    display: table;
    border-bottom: 1px dotted #a2a9b1;
    box-sizing: border-box;
    /* line-height: 1.2; */
    width: 100%;
    clear: both;
    overflow: auto;
    padding: 4px;
    margin-bottom: 1.5em;
}

body,
#mw-content-text,
.mw-body-content {
  font-family: "WenKai", "Merriweather", serif,
               "Songti SC", "Noto Serif CJK SC";
  font-size: 16px;
  line-height: 1.75;
  color: var(--color-base);
  word-break: break-word;
  overflow-wrap: break-word;      /* 旧 Safari / Edge */
  text-rendering: optimizeLegibility;
}

.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed, .mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
    border-color: var(--border-color-subtle,#c8ccd1);
    background-color: var(--background-color-base);
}
/* =========================================================
 * 站点页眉 / LOGO（Vector 皮肤）
 * ======================================================= */


.vector-page-titlebar {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    background-color: rgba(var(--background-color-rgb),0.9);
    border-radius: 4px 4px 0 0;
    padding-top: 12px;
    padding-left: 14px;
    padding-right:14px;
    padding-bottom: 12px;
}
.vector-sticky-pinned-container {
    overflow: hidden auto;
    position: sticky;
    margin-top: 24px;
    margin-left: 12px;
    box-sizing: border-box;
    max-height: calc(100vh - (24px * 2));
    padding-top: 16px;
    background-color: var(--background-color-base);
    border-radius: 5px;
}
.vector-pinned-container {
    background-color: var(--background-color-base,#fff);
    padding: 0 16px;
    margin-bottom: 0em;
}
.skin-vector .mw-header {
  background-image: url("https://wiki.ottohub.cn/images/a/a9/Th20_Front00.png");
  background-repeat: no-repeat;
  background-size: cover;
}
body.skin-vector {
  background-image: url("https://wiki.ottohub.cn/images/b/b8/Th20_eff_switchbg.png");
  background-repeat: repeat; /* ✅ 自动拼接 */
  background-size: auto;     /* ✅ 保持原图尺寸 */
  background-position: top left; /* 可选：起始位置 */
}
/* 覆盖容器背景，防止遮挡背景图 */
.skin-vector .mw-page-container {
  background: transparent !important;
}

#bodyContent{
	background-color: rgba(var(--background-color-rgb),0.9);
	padding-right:16px;
	padding-left:16px;
        padding-top:16px;
        padding-bottom:2px;
	border-radius: 0 0 4px 4px;
}
.vector-page-toolbar{
	min-height: 5px;
	background-color: rgba(var(--background-color-rgb),0.9);
	padding-right:12px;
	padding-left:12px;
}
.vector-pinned-container,.vector-column-end{
	border-radius: 5px;
}
#vector-main-menu-pinned-container {
    right: 12px;
    padding-top: 16px;
    padding-bottom: 8px;
    background-color:var(--background-color-base);
}
.skin-vector .mw-logo {
  background-color: rgba(255, 255, 255, 0.60);
  border-radius: 4px;
  padding: 0 20px 0 10px;
}

.skin-vector .mw-body-header,
#p-logo-text,
.vector-header {
  font-family: "FOT-Rodin Pro", "WenKai", serif;
  font-weight: bold;
}

.cn-notice {
  background-color: rgba(var(--background-color-rgb), 0.80);
  border-radius: 4px;
}

.cn-contents {
  background-color: rgba(var(--background-color-rgb), 0.80);
  border-radius: 4px;
}

/* =========================================================
 * 搜索框（Vector & Monobook）
 * ======================================================= */

input[type="search"],
input[type="text"],
.vector-search-box-input,
#searchInput {
  font-family: "WenKai", serif;   /* 只用一种字体避免中英割裂 */
  font-size: 14px;                /* 不要太大，防止高度被裁 */
  line-height: 1;                 /* 光标垂直居中 */
}

/* 占位符样式 */
#searchInput::placeholder,
.vector-search-box-input::placeholder {
  font-family: "WenKai", serif;
  color: #999;
}

/* =========================================================
 * 分类栏、注释脚注
 * ======================================================= */

.catlinks,
.mw-references {
  font-size: 0.9em;
  opacity: 0.85;
}