MediaWiki:Common.css：修订间差异

来自心灵终结资料站
跳转到导航 跳转到搜索
无编辑摘要
Lyx（讨论 | 贡献）
无编辑摘要
 
（未显示同一用户的112个中间版本）
第1行： 第1行：
/* ===== 全局变量与基础重置 ===== */
/* ============================================================
:root {
  📦 整体说明
  --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  本 CSS 用于 MediaWiki 全局暗色美化，适用于 Vector、Vector 2022、Monobook 等皮肤。
  --glass-bg: rgba(255, 255, 255, 0.15);
  目标：暗色背景 + 高对比度/醒目字体，提升阅读与编辑体验。
  --glass-border: rgba(255, 255, 255, 0.25);
  包含：全局样式 | 标题与链接 | 表格与代码 | 信息框 | 侧边栏 | 顶部导航 | 编辑器 | 滚动条等。
  --glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
  ============================================================ */
  --text-primary: #2d3748;
 
  --text-light: #f7fafc;
/* ============================================================
  --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  区块 1：全局重置 & 基础颜色
  --radius-lg: 24px;
  ============================================================ */
  --radius-md: 16px;
html,
  --radius-sm: 12px;
body {
    background-color: #0d1117 !important;
    color: #e6edf3 !important;
    font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
}
 
/* ============================================================
  区块 2：标题样式（更亮、更醒目）
  ============================================================ */
h1,
h2,
h3,
h4,
h5,
h6,
.firstHeading,
.mw-headline,
.personaltitle,
#firstHeading,
#siteSub,
#contentSub {
    color: #f0f6fc !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
}
 
h2,
h3,
h4,
h5,
h6 {
    border-bottom-color: #30363d !important;
}
 
/* ============================================================
  区块 3：链接颜色与交互（亮蓝 + 悬停加强）
  ============================================================ */
a,
a:visited,
a:active,
.mw-body a,
.mw-body a:visited,
#mw-panel a,
#mw-panel a:visited,
.vector-menu a,
.vector-menu a:visited {
    color: #58a6ff !important;
    text-decoration: none;
    transition: color 0.15s ease, text-shadow 0.15s ease;
}
 
a:hover,
a:focus,
.mw-body a:hover,
.vector-menu a:hover {
    color: #79c0ff !important;
    text-shadow: 0 0 6px rgba(88, 166, 255, 0.3) !important;
    text-decoration: underline !important;
}
 
a:visited {
    color: #a5b4fc !important;
}
 
/* ============================================================
  区块 4：页面主体区域
  ============================================================ */
.mw-body,
#content,
#mw-content-text,
.ve-init-mw-desktopArticleTarget-targetContainer {
    background-color: #161b22 !important;
    color: #e6edf3 !important;
    border-color: #30363d !important;
    border: 1px solid #30363d !important;
    box-shadow: 0 0 0 1px #30363d !important;
}
 
.mw-body p,
#content p {
    color: #e6edf3 !important;
    line-height: 1.7;
}
 
/* ============================================================
  区块 5：表格样式（暗色背景 + 亮色文字）
  ============================================================ */
table,
.wikitable,
.mw-datatable {
    background-color: #0d1117 !important;
    color: #e6edf3 !important;
    border-color: #30363d !important;
}
 
table th,
.wikitable th,
.mw-datatable th {
    background-color: #21262d !important;
    color: #f0f6fc !important;
    border-color: #30363d !important;
    font-weight: 600;
}
 
table td,
.wikitable td,
.mw-datatable td {
    border-color: #30363d !important;
    color: #e6edf3 !important;
}
 
table tr:nth-child(even),
.wikitable tr:nth-child(even),
.mw-datatable tr:nth-child(even) {
    background-color: #161b22 !important;
}
 
table tr:nth-child(odd),
.wikitable tr:nth-child(odd),
.mw-datatable tr:nth-child(odd) {
    background-color: #0d1117 !important;
}
 
table tr:hover,
.wikitable tr:hover,
.mw-datatable tr:hover {
    background-color: #1c2333 !important;
    transition: background 0.1s ease;
}
 
/* ============================================================
  区块 6：代码块 & 预格式化
  ============================================================ */
pre,
.mw-code,
.mw-json,
.mw-highlight,
.hljs,
code,
tt,
kbd,
samp,
.plainlinks pre {
    background-color: #0d1117 !important;
    color: #f0f6fc !important;
    border-color: #30363d !important;
    border-radius: 6px;
    font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
    font-size: 0.92em;
    padding: 0.2em 0.5em;
}
 
code,
tt,
kbd {
    background-color: #21262d !important;
    color: #ffd700 !important;
    padding: 0.15em 0.4em;
    border-radius: 4px;
}
 
pre code,
.mw-code code {
    background-color: transparent !important;
    color: #e6edf3 !important;
    padding: 0;
}
 
/* ============================================================
  区块 7：信息框 / 消息盒子（警告、错误、成功）
  ============================================================ */
.messagebox,
.infobox,
.ambox,
.toc,
.mw-notification,
#mw-indicators,
.warningbox,
.errorbox,
.successbox {
    background-color: #161b22 !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
}


/* ===== 全局动态背景 ===== */
.warningbox {
body {
    border-color: #daa520 !important;
  background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    background-color: #2a1f0e !important;
  background-size: 400% 400%;
}
  animation: gradientShift 15s ease infinite;
.warningbox,
  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
.warningbox * {
  color: var(--text-primary);
    color: #ffd966 !important;
  min-height: 100vh;
}
  margin: 0;
 
  padding: 0;
.errorbox {
  backdrop-filter: blur(2px);
    border-color: #dc3545 !important;
    background-color: #2c141a !important;
}
.errorbox,
.errorbox * {
    color: #f8a5b0 !important;
}
 
.successbox {
    border-color: #28a745 !important;
    background-color: #0f2b1a !important;
}
.successbox,
.successbox * {
    color: #7ee08c !important;
}
 
/* ============================================================
  区块 8：侧边栏（紧凑 + 大字 + 高行距 + 黑金边框）
  ============================================================ */
 
/* 8.1 侧边栏整体 */
#mw-panel {
    background: #0d1117 !important;
    border-right: 1px solid #21262d !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 1em !important;
    width: auto !important;
    min-width: 160px !important;
    max-width: 210px !important;
    margin-top: 0 !important;
}
 
/* 8.2 左上角 Logo */
#p-logo {
    display: block !important;
    padding: 0.5em 0 0.3em 0.8em !important;
    margin: 0 !important;
    border-bottom: 1px solid #21262d !important;
}
 
#p-logo a {
    background-size: 128px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    display: block !important;
    width: 10em !important;
    height: 160px !important;
    text-decoration: none !important;
}
 
/* 8.3 板块容器 */
#mw-panel .portal {
    margin-bottom: 0 !important;
    padding: 0 !important;
    position: relative !important;
}
 
/* 8.4 板块标题 */
#mw-panel .portal h3,
#mw-panel .portal .vector-menu-heading {
    color: #f0f6fc !important;
    font-weight: 600 !important;
    font-size: 0.85em !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid #21262d !important;
    padding: 0.5em 0 0.35em 0.6em !important;
    margin: 0 !important;
    background: transparent !important;
    opacity: 0.8 !important;
    white-space: nowrap !important;
}
 
/* 8.5 链接列表容器 */
#mw-panel .portal .vector-menu-content,
#mw-panel .portal .body {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}
 
#mw-panel .portal .vector-menu-content ul,
#mw-panel .portal .body ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
 
#mw-panel .portal .vector-menu-content ul li,
#mw-panel .portal .body ul li {
    margin: 0 !important;
    padding: 0 !important;
}
 
/* 8.6 链接默认状态（黑金风格：底部金边） */
#mw-panel .portal .vector-menu-content ul li a,
#mw-panel .portal .body ul li a {
    display: block !important;
    padding: 0.35em 0.6em 0.35em 0.8em !important;
    color: #c9d1d9 !important;
    font-size: 1em !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    border-left: 2px solid transparent !important;
    background: transparent !important;
    transition: all 0.15s ease !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.6 !important;
    /* 底部金边装饰（来自后续终极版） */
    border-bottom: 1px solid rgba(255, 215, 0, 0.15) !important;
    background-image: linear-gradient(to right, rgba(255, 215, 0, 0.08), transparent 80%) !important;
    background-repeat: no-repeat !important;
    background-position: bottom left !important;
    background-size: 100% 1px !important;
}
 
/* 8.7 链接悬浮状态 */
#mw-panel .portal .vector-menu-content ul li a:hover,
#mw-panel .portal .body ul li a:hover {
    color: #f0f6fc !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border-left-color: #fbcb3e !important;
    border-bottom-color: rgba(255, 215, 0, 0.45) !important;
    background-image: linear-gradient(to right, rgba(255, 215, 0, 0.15), transparent 90%) !important;
}
 
/* 8.8 最后一个链接无边框 */
#mw-panel .portal .body ul li:last-child a,
#mw-panel .portal .vector-menu-content ul li:last-child a {
    border-bottom: none !important;
    background-image: none !important;
}
 
/* 8.9 板块分隔线 */
#mw-panel .portal:not(:last-child)::after {
    content: '' !important;
    display: block !important;
    height: 1px !important;
    background: #21262d !important;
    margin: 0.1em 0.8em !important;
}
 
/* 8.10 移除折叠按钮 */
#mw-panel .portal .vector-menu-heading .mw-collapsible-text {
    display: none !important;
}
}


@keyframes gradientShift {
/* 8.11 "工具"区域微调 */
  0% { background-position: 0% 50%; }
#p-tb .portal .vector-menu-content ul li a,
  50% { background-position: 100% 50%; }
#p-tb .portal .body ul li a {
  100% { background-position: 0% 50%; }
    padding: 0.25em 0.6em 0.25em 0.8em !important;
    font-size: 0.9em !important;
    line-height: 1.5 !important;
}
}


/* ===== 主容器 - 毛玻璃卡片 ===== */
/* 8.12 侧边栏滚动条 */
#mw-content-wrapper,
#mw-panel {
#mw-page-base,
    scrollbar-width: thin;
    scrollbar-color: #21262d #0d1117;
}
#mw-panel::-webkit-scrollbar {
    width: 4px;
}
#mw-panel::-webkit-scrollbar-track {
    background: #0d1117;
}
#mw-panel::-webkit-scrollbar-thumb {
    background: #21262d;
    border-radius: 4px;
}
#mw-panel::-webkit-scrollbar-thumb:hover {
    background: #30363d;
}
 
/* 8.13 修复头部与侧边栏之间的空隙 */
#mw-head-base {
#mw-head-base {
  background: transparent !important;
    background: transparent !important;
}
#mw-page-base {
    background: transparent !important;
}
#mw-panel > div:empty,
#mw-panel > .empty,
#mw-panel > .portal:empty {
    display: none !important;
}
}


#mw-content {
/* ============================================================
  background: var(--glass-bg);
  区块 9：搜索框
  backdrop-filter: blur(20px) saturate(180%);
  ============================================================ */
  -webkit-backdrop-filter: blur(20px) saturate(180%);
#searchInput,
  border: 1px solid var(--glass-border);
#searchQuery,
  border-radius: var(--radius-lg);
.vector-search-box-input,
  box-shadow: var(--glass-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.3);
#simpleSearch input {
  margin: 2rem auto;
    background-color: #0d1117 !important;
  padding: 2.5rem;
    color: #e6edf3 !important;
  max-width: 1200px;
    border-color: #30363d !important;
  transition: var(--transition-smooth);
    border-radius: 6px;
  animation: fadeSlideUp 0.8s ease-out;
}
}


#mw-content:hover {
#searchInput:focus,
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.4);
#searchQuery:focus,
  transform: translateY(-2px);
.vector-search-box-input:focus {
    border-color: #58a6ff !important;
    box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.25) !important;
    outline: none;
}
}


@keyframes fadeSlideUp {
#searchButton,
  from { opacity: 0; transform: translateY(30px); }
#mw-searchButton {
  to { opacity: 1; transform: translateY(0); }
    background-color: #21262d !important;
    color: #e6edf3 !important;
    border-color: #30363d !important;
}
#searchButton:hover,
#mw-searchButton:hover {
    background-color: #30363d !important;
}
}


/* ===== 标题与文字 ===== */
/* ============================================================
h1, h2, h3, h4, h5, h6 {
  区块 10：分类与底部
  color: white;
  ============================================================ */
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
#catlinks,
  letter-spacing: -0.02em;
#footer,
  position: relative;
#footer-info,
  display: inline-block;
#footer-places,
#footer-icons {
    background-color: #0d1117 !important;
    border-color: #30363d !important;
    color: #8b949e !important;
}
}


h1:after, h2:after {
#catlinks a,
  content: '';
#footer a {
  position: absolute;
    color: #58a6ff !important;
  bottom: -6px;
  left: 0;
  width: 60px;
  height: 4px;
  background: var(--primary-gradient);
  border-radius: 4px;
  animation: underlineGrow 0.6s ease-out;
}
}


@keyframes underlineGrow {
#catlinks a:hover,
  from { width: 0; opacity: 0; }
#footer a:hover {
  to { width: 60px; opacity: 1; }
    color: #79c0ff !important;
}
}


/* ===== 导航栏 - 玻璃态 ===== */
/* ============================================================
#mw-panel,
  区块 11：编辑框（经典文本编辑区域）
#p-logo,
  ============================================================ */
#p-navigation,
#wpTextbox1,
#p-tb,
.mw-editform #wpTextbox1,
#p-personal {
textarea.mw-editfont-monospace,
  background: var(--glass-bg) !important;
#editpage-textarea {
  backdrop-filter: blur(16px) saturate(180%);
    background-color: #0d1117 !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%);
    color: #e6edf3 !important;
  border: 1px solid var(--glass-border);
    border: 1px solid #30363d !important;
  border-radius: var(--radius-md);
    border-radius: 6px !important;
  box-shadow: var(--glass-shadow);
    font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'Consolas', monospace !important;
  padding: 1rem;
    font-size: 14px !important;
  margin-bottom: 1.5rem;
    line-height: 1.7 !important;
  transition: var(--transition-smooth);
    padding: 12px !important;
    caret-color: #58a6ff !important;
    box-shadow: inset 0 0 0 1px #30363d !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
}


#mw-panel:hover,
#wpTextbox1:focus,
#p-logo:hover,
.mw-editform #wpTextbox1:focus,
#p-navigation:hover,
#editpage-textarea:focus {
#p-tb:hover,
    border-color: #58a6ff !important;
#p-personal:hover {
    box-shadow: inset 0 0 0 1px #58a6ff, 0 0 0 3px rgba(88, 166, 255, 0.15) !important;
  transform: scale(1.01) translateY(-2px);
    outline: none !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
}
}


/* ===== 搜索框 - 发光效果 ===== */
/* ============================================================
#searchInput {
  区块 12：编辑摘要/注释输入框
  background: rgba(255, 255, 255, 0.15) !important;
  ============================================================ */
  backdrop-filter: blur(8px);
#wpSummary,
  -webkit-backdrop-filter: blur(8px);
.mw-summary,
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
#wpMinoredit + label,
  border-radius: 50px !important;
input.mw-edit-summary {
  padding: 0.75rem 1.5rem !important;
    background-color: #0d1117 !important;
  color: white !important;
    color: #e6edf3 !important;
  font-weight: 500;
    border: 1px solid #30363d !important;
  transition: var(--transition-smooth);
    border-radius: 4px !important;
  width: 100%;
    padding: 6px 10px !important;
  max-width: 300px;
}
}


#searchInput::placeholder {
#wpSummary:focus,
  color: rgba(255, 255, 255, 0.6);
.mw-summary:focus {
  font-weight: 300;
    border-color: #58a6ff !important;
    box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.15) !important;
    outline: none !important;
}
}


#searchInput:focus {
/* ============================================================
  background: rgba(255, 255, 255, 0.25) !important;
  区块 13：WikiEditor 工具栏
  border-color: #ffffff !important;
  ============================================================ */
  box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.2), 0 0 30px rgba(102, 126, 234, 0.3);
.wikiEditor-toolbar,
  transform: scale(1.02);
.wikiEditor-ui-toolbar,
  outline: none;
.wikiEditor-ui {
    background-color: #161b22 !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
    border-radius: 6px 6px 0 0 !important;
}
}


/* ===== 按钮 - 动态悬浮 ===== */
.wikiEditor-ui-toolbar .section-main {
.mw-ui-button,
    background-color: transparent !important;
button,
input[type="submit"],
input[type="button"] {
  background: var(--primary-gradient) !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 0.6rem 1.8rem !important;
  color: white !important;
  font-weight: 600 !important;
  letter-spacing: 0.3px;
  box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
  transition: var(--transition-smooth);
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
}


.mw-ui-button:hover,
.wikiEditor-ui-toolbar .group {
button:hover,
    border-color: #30363d !important;
input[type="submit"]:hover,
input[type="button"]:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 8px 30px rgba(102, 126, 234, 0.6);
}
}


.mw-ui-button:active,
.wikiEditor-ui-toolbar .group-label {
button:active {
    color: #b1bac4 !important;
  transform: scale(0.96);
}
}


/* 按钮涟漪效果 */
.wikiEditor-ui-toolbar .tool,
.mw-ui-button::after,
.wikiEditor-ui-toolbar .tool-select {
button::after {
    background-color: #0d1117 !important;
  content: '';
    border-color: #30363d !important;
  position: absolute;
    color: #e6edf3 !important;
  top: 50%;
    border-radius: 3px !important;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: width 0.6s, height 0.6s;
}
}


.mw-ui-button:active::after,
.wikiEditor-ui-toolbar .tool:hover,
button:active::after {
.wikiEditor-ui-toolbar .tool-select:hover {
  width: 300px;
    background-color: #21262d !important;
  height: 300px;
    border-color: #58a6ff !important;
}
}


/* ===== 链接 - 动态下划线 ===== */
.wikiEditor-ui-toolbar .tool.active,
a {
.wikiEditor-ui-toolbar .tool-select.active {
  color: #fff;
    background-color: #1f6feb !important;
  text-decoration: none;
    border-color: #58a6ff !important;
  font-weight: 500;
    color: #ffffff !important;
  position: relative;
  transition: var(--transition-smooth);
}
}


a:not(.mw-ui-button):not(.new):after {
.wikiEditor-ui-toolbar .menu {
  content: '';
    background-color: #161b22 !important;
  position: absolute;
    border-color: #30363d !important;
  bottom: -2px;
    color: #e6edf3 !important;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--primary-gradient);
  transition: width 0.4s ease;
}
}


a:not(.mw-ui-button):not(.new):hover:after {
.wikiEditor-ui-toolbar .menu .menu-item {
  width: 100%;
    color: #e6edf3 !important;
}
}


a:not(.mw-ui-button):not(.new):hover {
.wikiEditor-ui-toolbar .menu .menu-item:hover {
  color: #fff;
    background-color: #21262d !important;
  text-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
    color: #f0f6fc !important;
}
}


/* ===== 表格 - 玻璃卡片风格 ===== */
/* ============================================================
.wikitable,
  区块 14：编辑按钮（保存/预览/差异）
.mw-datatable {
  ============================================================ */
  background: rgba(255, 255, 255, 0.08);
#editpage-copywarn,
  backdrop-filter: blur(12px);
#editpage-copywarn p,
  -webkit-backdrop-filter: blur(12px);
.mw-editform .editCheckboxes,
  border-radius: var(--radius-md);
.mw-editform .editHelp {
  border: 1px solid var(--glass-border);
    color: #b1bac4 !important;
  overflow: hidden;
    background-color: transparent !important;
  box-shadow: var(--glass-shadow);
}
  width: 100%;
 
  border-collapse: separate;
#wpSave,
  border-spacing: 0;
#wpPreview,
#wpDiff,
.mw-editform input[type="submit"] {
    background-color: #21262d !important;
    color: #f0f6fc !important;
    border: 1px solid #30363d !important;
    border-radius: 6px !important;
    padding: 8px 20px !important;
    font-weight: 600 !important;
    transition: all 0.15s ease;
}
 
#wpSave:hover,
#wpPreview:hover,
#wpDiff:hover,
.mw-editform input[type="submit"]:hover {
    background-color: #30363d !important;
    border-color: #58a6ff !important;
    box-shadow: 0 0 12px rgba(88, 166, 255, 0.15) !important;
}
 
/* ============================================================
  区块 15：其他输入框
  ============================================================ */
textarea,
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
select {
    background-color: #0d1117 !important;
    color: #e6edf3 !important;
    border: 1px solid #30363d !important;
    border-radius: 4px;
}
 
textarea:focus,
input[type="text"]:focus {
    border-color: #58a6ff !important;
    box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.2);
}
 
/* ============================================================
  区块 16：特殊页面 & 差异对比
  ============================================================ */
.diff,
.diff td,
.diff th,
.diff-editfont-monospace,
.mw-diff-edit,
#mw-diff-ntitle1,
#mw-diff-ntitle2 {
    background-color: #161b22 !important;
    color: #e6edf3 !important;
    border-color: #30363d !important;
}
 
.diff td.diff-context {
    background-color: #0d1117 !important;
    color: #b1bac4 !important;
}
.diff td.diff-addedline {
    background-color: #1a3a2a !important;
    color: #a8f0c0 !important;
}
.diff td.diff-deletedline {
    background-color: #3a1a1a !important;
    color: #f0a8a8 !important;
}
 
/* ============================================================
  区块 17：用户贡献 & 最近更改
  ============================================================ */
.mw-contributions-table,
.mw-changeslist,
.mw-rcfilters-table {
    background-color: transparent !important;
    color: #e6edf3 !important;
}
}


.wikitable th,
.mw-changeslist-line,
.mw-datatable th {
.mw-contributions-line {
  background: rgba(255, 255, 255, 0.15);
    background-color: #0d1117 !important;
  color: white;
    border-color: #30363d !important;
  font-weight: 600;
    padding: 0.3em 0;
  padding: 1rem;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
}
}


.wikitable td,
.mw-rcfilters-ui-highlights {
.mw-datatable td {
    color: #f0f6fc !important;
  padding: 0.75rem 1rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  color: rgba(255, 255, 255, 0.9);
}
}


.wikitable tr:hover,
/* ============================================================
.mw-datatable tr:hover {
  区块 18：缩略图 / 图片说明
  background: rgba(255, 255, 255, 0.1);
  ============================================================ */
  transition: var(--transition-smooth);
.thumbinner,
.thumbcaption,
.gallerybox,
.gallerytext,
.thumbimage {
    background-color: #161b22 !important;
    color: #e6edf3 !important;
    border-color: #30363d !important;
}
}


/* ===== 信息框/提示框 ===== */
.thumbimage {
.mw-message-box,
    border: 1px solid #30363d !important;
.infobox {
  background: rgba(255, 255, 255, 0.1) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--radius-sm) !important;
  box-shadow: var(--glass-shadow);
  padding: 1.25rem !important;
  color: white;
  transition: var(--transition-smooth);
}
}


.mw-message-box:hover,
/* ============================================================
.infobox:hover {
  区块 19：引用 / 参考文献
  transform: translateY(-3px);
  ============================================================ */
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
.reflist,
.references,
.mw-references-wrap {
    background-color: transparent !important;
    color: #e6edf3 !important;
}
.reflist a,
.references a {
    color: #58a6ff !important;
}
}


/* ===== 侧边栏/目录 - 玻璃风格 ===== */
/* ============================================================
  区块 20：内部导航 (toc)
  ============================================================ */
#toc,
#toc,
.toc {
.toc {
  background: rgba(255, 255, 255, 0.08) !important;
    background-color: #161b22 !important;
  backdrop-filter: blur(12px);
    border: 1px solid #30363d !important;
  -webkit-backdrop-filter: blur(12px);
    color: #e6edf3 !important;
  border: 1px solid var(--glass-border) !important;
    border-radius: 6px;
  border-radius: var(--radius-md);
}
  padding: 1.5rem;
#toc a,
  box-shadow: var(--glass-shadow);
.toc a {
  transition: var(--transition-smooth);
    color: #58a6ff !important;
}
#toc a:hover,
.toc a:hover {
    color: #79c0ff !important;
}
 
/* ============================================================
  区块 21：滚动条美化（全局）
  ============================================================ */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background: #0d1117;
}
::-webkit-scrollbar-track {
    background: #0d1117;
}
::-webkit-scrollbar-thumb {
    background: #30363d;
    border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover {
    background: #484f58;
}
}


#toc:hover,
/* ============================================================
.toc:hover {
  区块 22：辅助类与杂项
  transform: translateX(4px);
  ============================================================ */
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
.mw-body-content {
    color: #e6edf3 !important;
}
}


#toc .toctitle {
::placeholder {
  color: white;
    color: #8b949e !important;
  font-weight: 600;
    opacity: 0.7;
}
}


#toc ul {
::selection {
  list-style: none;
    background: #1f6feb !important;
  padding-left: 1rem;
    color: #ffffff !important;
}
}


#toc li {
img,
  padding: 0.3rem 0;
figure {
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    background-color: #0d1117 !important;
    border: 1px solid #30363d;
    border-radius: 4px;
}
}


#toc a {
#mw-page-base,
  color: rgba(255, 255, 255, 0.85);
#mw-head-base {
  transition: var(--transition-smooth);
    background-color: #0d1117 !important;
}
 
.skin-minerva .mw-body,
.skin-minerva #content {
    background-color: #161b22 !important;
    color: #e6edf3 !important;
}
.skin-minerva a {
    color: #58a6ff !important;
}
 
/* ============================================================
  区块 23：顶部操作标签美化（页面/讨论 | 阅读/编辑/源代码/历史）
  （黑金主题 + 完美排版修复）
  ============================================================ */
 
/* 23.1 导航容器布局 */
#left-navigation,
#right-navigation,
#p-views,
#p-cactions,
.vector-menu-tabs,
.vector-menu-tabs ul,
.vector-menu-dropdown,
#left-navigation ul,
#right-navigation ul {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: 1.4 !important;
}
}


#toc a:hover {
/* 23.2 列表项重置 */
  color: white;
#left-navigation ul li,
  padding-left: 0.5rem;
#right-navigation ul li,
#p-views ul li,
#p-cactions ul li,
.vector-menu-tabs li,
.vector-menu-dropdown li {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    line-height: 1.4 !important;
}
}


/* ===== 编辑区 - 代码编辑器风格 ===== */
/* 23.3 链接通用样式 */
textarea,
#left-navigation ul li a,
.mw-editform textarea {
#right-navigation ul li a,
  background: rgba(0, 0, 0, 0.3) !important;
#p-views ul li a,
  backdrop-filter: blur(8px);
#p-cactions ul li a,
  -webkit-backdrop-filter: blur(8px);
.vector-menu-tabs li a,
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
.vector-menu-dropdown label,
  border-radius: var(--radius-sm) !important;
.vector-menu-dropdown a,
  color: #e2e8f0 !important;
#ca-more a {
  font-family: 'JetBrains Mono', 'Fira Code', monospace !important;
    display: inline-flex !important;
  padding: 1.25rem !important;
    align-items: center !important;
  transition: var(--transition-smooth);
    justify-content: center !important;
  box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.2);
    vertical-align: middle !important;
    background: transparent !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    margin: 0 2px !important;
    padding: 5px 12px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    line-height: 1.4 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transform: none !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
    white-space: nowrap !important;
}
}


textarea:focus,
/* 23.4 移除所有伪元素（图标等） */
.mw-editform textarea:focus {
#left-navigation ul li a::before,
  border-color: rgba(255, 255, 255, 0.4) !important;
#left-navigation ul li a::after,
  box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.15), inset 0 2px 10px rgba(0, 0, 0, 0.3);
#right-navigation ul li a::before,
  transform: scale(1.005);
#right-navigation ul li a::after,
#p-views ul li a::before,
#p-views ul li a::after,
#p-cactions ul li a::before,
#p-cactions ul li a::after,
.vector-menu-tabs li a::before,
.vector-menu-tabs li a::after,
.vector-menu-dropdown label::before,
.vector-menu-dropdown label::after,
#ca-more a::before,
#ca-more a::after,
#ca-watch a::before,
#ca-watch a::after,
#ca-unwatch a::before,
#ca-unwatch a::after,
.mw-watchlink.icon a::before,
.mw-watchlink.icon a::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    transform: none !important;
    background: none !important;
}
}


/* ===== 页脚 - 微光效果 ===== */
/* 23.5 移除监视链接的图标背景 */
#footer {
.mw-watchlink.icon a,
  background: rgba(0, 0, 0, 0.2);
#ca-watch a,
  backdrop-filter: blur(12px);
#ca-unwatch a {
  -webkit-backdrop-filter: blur(12px);
    background-image: none !important;
  border-top: 1px solid var(--glass-border);
    text-indent: 0 !important;
  border-radius: var(--radius-md);
  padding: 1.5rem;
  margin-top: 2rem;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  transition: var(--transition-smooth);
}
}


#footer:hover {
/* 23.6 导航链接颜色（黑金主题） */
  background: rgba(0, 0, 0, 0.25);
#left-navigation ul li a,
#right-navigation ul li a,
#p-views ul li a,
#p-cactions ul li a,
.vector-menu-tabs li a,
.vector-menu-dropdown a,
.vector-menu-dropdown label,
#ca-more a {
    color: #c9d1d9 !important;
}
}


#footer a {
#left-navigation ul li a:hover,
  color: rgba(255, 255, 255, 0.8);
#right-navigation ul li a:hover,
#p-views ul li a:hover,
#p-cactions ul li a:hover,
.vector-menu-tabs li a:hover,
.vector-menu-dropdown a:hover,
.vector-menu-dropdown label:hover,
#ca-more a:hover {
    color: #ffd700 !important;
    background-color: rgba(255, 215, 0, 0.1) !important;
}
}


#footer a:hover {
/* 23.7 当前选中标签 */
  color: white;
#left-navigation ul li.selected a,
#right-navigation ul li.selected a,
#p-views ul li.selected a,
#p-cactions ul li.selected a,
.vector-menu-tabs li.selected a {
    color: #ffd700 !important;
    border-bottom: 2px solid #ffd700 !important;
    font-weight: 700 !important;
}
}


/* ===== 滚动条 - 现代风格 ===== */
/* 23.8 编辑/查看源代码特殊高亮 */
::-webkit-scrollbar {
#ca-edit a,
  width: 8px;
#ca-viewsource a {
  height: 8px;
    color: #ffd700 !important;
    background-color: rgba(255, 215, 0, 0.08) !important;
    border-radius: 4px !important;
}
#ca-edit a:hover,
#ca-viewsource a:hover {
    color: #ffe066 !important;
    background-color: rgba(255, 215, 0, 0.2) !important;
}
}


::-webkit-scrollbar-track {
/* 23.9 监视链接 */
  background: rgba(255, 255, 255, 0.05);
#ca-watch a,
  border-radius: 10px;
#ca-unwatch a {
    color: #c9d1d9 !important;
}
#ca-watch a:hover,
#ca-unwatch a:hover {
    color: #ffd700 !important;
}
}


::-webkit-scrollbar-thumb {
/* 23.10 下拉菜单 */
  background: var(--primary-gradient);
#p-cactions .vector-menu-dropdown .menu li a,
  border-radius: 10px;
.vector-menu-dropdown .menu li a {
  transition: var(--transition-smooth);
    color: #c9d1d9 !important;
    background-color: transparent !important;
}
#p-cactions .vector-menu-dropdown .menu li a:hover,
.vector-menu-dropdown .menu li a:hover {
    color: #ffd700 !important;
    background-color: rgba(255, 215, 0, 0.1) !important;
}
}


::-webkit-scrollbar-thumb:hover {
/* 23.11 下拉指示器 */
  transform: scale(1.1);
.vector-menu-indicator,
  background: linear-gradient(135deg, #764ba2, #667eea);
#p-cactions .vector-menu-indicator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    margin: 0 0 0 4px !important;
    padding: 0 !important;
    height: auto !important;
    line-height: 1 !important;
    transform: none !important;
    border: none !important;
    background: none !important;
    color: #c9d1d9 !important;
}
.vector-menu-dropdown:hover .vector-menu-indicator,
#p-cactions .vector-menu-dropdown:hover .vector-menu-indicator {
    color: #ffd700 !important;
}
}


/* ===== 响应式微调 ===== */
/* 23.12 下拉菜单面板 */
@media (max-width: 768px) {
#p-cactions .vector-menu-dropdown .menu,
  #mw-content {
.vector-menu-dropdown .menu {
     padding: 1rem;
     background-color: rgba(32, 32, 32, 0.98) !important;
     margin: 1rem;
     border: 1px solid rgba(255, 215, 0, 0.2) !important;
     border-radius: var(--radius-md);
     border-radius: 6px !important;
  }
     box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6) !important;
 
  #searchInput {
     max-width: 100%;
  }
 
  h1:after, h2:after {
    width: 40px;
  }
}
}


/* ===== 动画：页面元素入场 ===== */
/* ============================================================
.mw-body,
  区块 24：正文区彻底修复（移除导致过宽的 padding）
  ============================================================ */
 
/* 24.1 清除所有误加的背景、边框、阴影，恢复正常宽度 */
.mw-body .mw-parser-output,
.mw-parser-output,
#mw-content-text,
.mw-body-content {
.mw-body-content {
  animation: fadeSlideUp 0.6s ease-out both;
    padding: 0 !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
    max-width: 100% !important;
    width: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}
 
/* 24.2 移除正文区外部多余容器的边框和背景 */
.mw-body .mw-parser-output > div,
.mw-body .mw-parser-output > table,
.mw-body .mw-parser-output > form {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
 
/* 24.3 强制正文区内部所有超链接恢复蓝色（不适用金色） */
.mw-parser-output a,
.mw-parser-output a:visited,
.mw-parser-output a:active,
.mw-parser-output a.external,
.mw-body .mw-parser-output a,
.mw-body .mw-content-ltr a,
#mw-content-text a {
    color: #58a6ff !important;
    text-decoration: none !important;
    background-color: transparent !important;
    background-image: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    display: inline !important;
    transform: none !important;
    transition: color 0.2s ease !important;
}
 
.mw-parser-output a:visited,
.mw-body .mw-parser-output a:visited {
    color: #a5b4fc !important;
}
 
.mw-parser-output a:hover,
.mw-body .mw-parser-output a:hover,
.mw-parser-output a.external:hover {
    color: #79c0ff !important;
    text-decoration: underline !important;
    text-shadow: none !important;
}
 
/* 24.4 保留列表和段落的正常缩进 */
.mw-parser-output h1,
.mw-parser-output h2,
.mw-parser-output h3,
.mw-parser-output h4,
.mw-parser-output p {
    margin-left: 0 !important;
    padding-left: 0 !important;
}
 
.mw-parser-output ul,
.mw-parser-output ol {
    margin-left: 0 !important;
    padding-left: 1.6em !important;
}
 
.mw-parser-output ul li,
.mw-parser-output ol li {
    margin-bottom: 0.3em !important;
    padding-left: 0 !important;
    color: #d0d0d0 !important;
}
 
/* ============================================================
  区块 25：CodeMirror 编辑器暗色适配
  ============================================================ */
.CodeMirror,
.CodeMirror-scroll,
.CodeMirror-gutters {
    background-color: #0d1117 !important;
    color: #e6edf3 !important;
    border-color: #30363d !important;
}
 
.CodeMirror-gutters {
    background-color: #161b22 !important;
    border-right-color: #30363d !important;
}
 
.CodeMirror-linenumber {
    color: #8b949e !important;
}
 
.CodeMirror-cursor {
    border-left-color: #58a6ff !important;
}
 
.CodeMirror-selected {
    background-color: #1f6feb !important;
}
 
/* CodeMirror 语法高亮颜色（保持醒目） */
.cm-s-default .cm-keyword {
    color: #ff7b72 !important;
}
.cm-s-default .cm-atom {
    color: #79c0ff !important;
}
.cm-s-default .cm-number {
    color: #d2a8ff !important;
}
.cm-s-default .cm-def {
    color: #58a6ff !important;
}
.cm-s-default .cm-variable {
    color: #e6edf3 !important;
}
.cm-s-default .cm-variable-2 {
    color: #e6edf3 !important;
}
.cm-s-default .cm-variable-3 {
    color: #e6edf3 !important;
}
.cm-s-default .cm-property {
    color: #79c0ff !important;
}
.cm-s-default .cm-operator {
    color: #ff7b72 !important;
}
.cm-s-default .cm-comment {
    color: #8b949e !important;
    font-style: italic !important;
}
.cm-s-default .cm-string {
    color: #a5d6ff !important;
}
.cm-s-default .cm-string-2 {
    color: #a5d6ff !important;
}
.cm-s-default .cm-meta {
    color: #b1bac4 !important;
}
.cm-s-default .cm-qualifier {
    color: #58a6ff !important;
}
.cm-s-default .cm-builtin {
    color: #ff7b72 !important;
}
.cm-s-default .cm-bracket {
    color: #e6edf3 !important;
}
.cm-s-default .cm-tag {
    color: #ff7b72 !important;
}
.cm-s-default .cm-attribute {
    color: #79c0ff !important;
}
.cm-s-default .cm-hr {
    color: #8b949e !important;
}
.cm-s-default .cm-link {
    color: #58a6ff !important;
}
.cm-s-default .cm-error {
    color: #f85149 !important;
}
 
/* ============================================================
  区块 26：编辑器白色背景修复（统一边框为 #30363d）
  ============================================================ */
 
/* 26.1 编辑选项区域 */
.editOptions,
.mw-editform .editOptions {
    background-color: #161b22 !important;
    border-color: #30363d !important;
    border: 1px solid #30363d !important;
}
 
/* 26.2 编辑器状态信息栏 */
.codeEditor-status-message,
.codeEditor-status-worker {
    background-color: #0d1117 !important;
    color: #e6edf3 !important;
    border-color: #30363d !important;
    border: 1px solid #30363d !important;
}
 
/* 26.3 编辑器外部容器 - 移除所有白线 */
.codeEditor-editor,
.codeEditor-status {
    background-color: #0d1117 !important;
    border-color: #30363d !important;
    border: 1px solid #30363d !important;
}
 
/* ============================================================
  区块 27：Ace 编辑器适配
  ============================================================ */
 
/* 27.1 Ace 编辑器主体 - 移除多余边框 */
.ace_editor,
.ace_editor .ace_scroller,
.ace_editor .ace_content {
    background-color: #0d1117 !important;
    border: none !important;
}
 
/* 27.2 Ace 编辑器文字颜色 */
.ace_editor .ace_text-layer,
.ace_editor .ace_line,
.ace_editor .ace_line * {
    color: #e6edf3 !important;
}
 
/* 27.3 Ace 行号区 */
.ace_gutter,
.ace_editor .ace_gutter {
    background-color: #161b22 !important;
    color: #8b949e !important;
    border-right: 1px solid #30363d !important;
}
 
/* 27.4 Ace 光标 */
.ace_cursor,
.ace_editor .ace_cursor {
    color: #58a6ff !important;
    border-left-color: #58a6ff !important;
}
 
/* 27.5 Ace 选中高亮 - 修复框选看不见的问题 */
.ace_selection,
.ace_editor .ace_selection,
.ace_editor .ace_selection div {
    background-color: #1f6feb !important;
    color: #ffffff !important;
}
}


/* 为不同元素添加延迟，形成交错效果 */
.ace_editor .ace_selected-word,
#mw-content > *:nth-child(1) { animation-delay: 0.05s; }
.ace_editor .ace_selected-word div {
#mw-content > *:nth-child(2) { animation-delay: 0.10s; }
    background-color: #1f6feb !important;
#mw-content > *:nth-child(3) { animation-delay: 0.15s; }
    color: #ffffff !important;
#mw-content > *:nth-child(4) { animation-delay: 0.20s; }
}
#mw-content > *:nth-child(5) { animation-delay: 0.25s; }


/* ===== 自定义卡片组件（可用于模板） ===== */
/* 27.6 Ace 当前行高亮 */
.modern-card {
.ace_active-line,
  background: var(--glass-bg);
.ace_editor .ace_active-line {
  backdrop-filter: blur(16px) saturate(180%);
    background-color: #1c2333 !important;
  -webkit-backdrop-filter: blur(16px) saturate(180%);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius-md);
  padding: 1.5rem;
  box-shadow: var(--glass-shadow);
  transition: var(--transition-smooth);
}
}


.modern-card:hover {
/* 27.7 Ace 当前行号高亮 */
  transform: translateY(-6px) scale(1.005);
.ace_gutter-active-line,
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
.ace_editor .ace_gutter-active-line {
    background-color: #1c2333 !important;
}
}


/* 微光脉冲动画 */
/* 27.8 强制 Ace 选中的背景色 */
@keyframes glowPulse {
.ace_editor .ace_marker-layer .ace_selection {
  0%, 100% { opacity: 1; }
    background-color: #1f6feb !important;
  50% { opacity: 0.6; }
}
}


.glow-pulse {
/* ============================================================
  animation: glowPulse 3s ease-in-out infinite;
  区块 28：编辑页面底部区域修复
  ============================================================ */
 
/* 28.1 摘要输入框 */
#wpSummary,
.mw-summary,
input.mw-edit-summary {
    color: #e6edf3 !important;
    border: 1px solid #30363d !important;
}
}


/* ===== 图片和缩略图 ===== */
#wpSummary:focus,
.thumbinner {
.mw-summary:focus {
  background: var(--glass-bg) !important;
    border-color: #58a6ff !important;
  backdrop-filter: blur(12px);
    box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.15) !important;
  -webkit-backdrop-filter: blur(12px);
    outline: none !important;
  border: 1px solid var(--glass-border) !important;
  border-radius: var(--radius-sm) !important;
  padding: 0.5rem !important;
  box-shadow: var(--glass-shadow);
  transition: var(--transition-smooth);
}
}


.thumbinner:hover {
/* 28.2 版权警告 */
  transform: scale(1.01) rotate(0.5deg);
#editpage-copywarn,
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
#editpage-copywarn p {
    color: #b1bac4 !important;
}
 
/* 28.3 保存/预览/差异 按钮 */
#wpSave,
#wpPreview,
#wpDiff {
    color: #f0f6fc !important;
    background-color: #21262d !important;
    border: 1px solid #30363d !important;
}
 
#wpSave:hover,
#wpPreview:hover,
#wpDiff:hover {
    background-color: #30363d !important;
    border-color: #58a6ff !important;
}
 
/* 28.4 页面底部 */
#footer,
#footer-info,
#footer-places,
#footer-icons {
    color: #8b949e !important;
}
 
#footer a,
#footer-places a {
    color: #58a6ff !important;
}
 
/* ============================================================
  区块 29：修复 Ace 编辑器白线问题（只禁用 height）
  ============================================================ */
.ace_content {
    height: auto !important;
}
 
/* ============================================================
  ★★★★★ 代码结束 ★★★★★
  ============================================================ */
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/* --- 单位信息卡片样式 (全局生效) --- */
 
.mw-card-box {
    width: 100% !important;
    background-color: transparent !important; /* 去掉原来的浅灰背景，直接透出深色底 */
    border: 1px solid #444; /* 边框改为深灰色，更契合暗黑主题 */
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3); /* 阴影加深 */
}
 
.mw-card-header {
    background-color: #1a1a1a; /* 深黑背景 */
    color: var(--theme-color, #0077FF); /* 标题文字使用主题色 */
    font-weight: bold;
    padding: 12px 18px;
    text-align: left;
    border-bottom: 3px solid var(--theme-color, #0077FF);
    font-size: 1.2em;
}
 
.mw-card-body {
    padding: 15px 18px;
    color: #ddd; /* 文字改为浅色，配合暗黑主题 */
}
 
.mw-card-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 15px 30px;
    box-sizing: border-box;
}
 
.mw-card-col {
    flex: 1;
    line-height: 1.7;
    min-width: 120px;
    word-break: break-word;
}
 
.mw-card-icon-box {
    flex: 0 0 auto;
    background-color: var(--theme-color, #0077FF);
    padding: 4px 8px;
    border-radius: 3px;
    display: flex;
    align-items: center;
}
 
.mw-card-divider {
    padding: 0;
    border-bottom: 1px solid #333; /* 暗色分割线 */
}
 
/* 核心修复：图片区 */
.mw-card-image-frame {
    text-align: center;
    padding: 15px;
    background-color: transparent !important; /* 去掉白色背景！ */
    border: none; /* 去掉边框 */
    margin: 0;
}
 
.mw-card-image-frame img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
    border-radius: 4px;
}
 
.mw-card-caption {
    color: #888; /* 图片说明文字颜色调暗 */
    margin-top: 6px;
    display: block;
}
 
.mw-card-footer {
    padding: 15px 18px;
    line-height: 1.8;
    color: #ccc; /* 文字颜色 */
}
 
.mw-card-code {
    padding: 15px 18px;
}
 
.mw-card-code-divider {
    padding: 0;
    border-bottom: 1px solid #333;
    margin-bottom: 15px;
}
 
/* 修复代码块白底 */
.mw-card-code-block {
    white-space: pre-wrap !important;      /* 保留换行，自动换行 */
    word-break: break-word !important;    /* 长单词换行 */
    tab-size: 4 !important;                /* 制表符宽度 */
    font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace !important;
    font-size: 13px !important;
    line-height: 1.8 !important;          /* 增加行高，更舒适 */
    padding: 16px 20px !important;
    background-color: #0d1117 !important;
    border: 1px solid #30363d !important;
    border-radius: 6px !important;
    overflow-x: auto !important;
    max-height: 500px !important;          /* 内容太多时滚动 */
}.mw-card-code-block {
    white-space: pre-wrap;
    word-break: break-all;
    overflow-x: auto;
    max-width: 100%;
    box-sizing: border-box;
    background-color: #1e1e1e !important; /* 暗黑代码背景 */
    border: 1px solid #444 !important;
    color: #a9b7c6; /* 代码文字颜色 */
    padding: 10px;
}
}


/* ===== 分类标签 ===== */
/* 移动端优化 */
#mw-pages,
@media screen and (max-width: 800px) {
#mw-category-media {
    .mw-card-header {
  background: rgba(255, 255, 255, 0.05);
        padding: 10px 12px;
  backdrop-filter: blur(8px);
        font-size: 1.1em;
  -webkit-backdrop-filter: blur(8px);
    }
  border-radius: var(--radius-sm);
    .mw-card-flex {
  padding: 1rem;
        flex-direction: column;
        gap: 10px;
    }
    .mw-card-icon-box {
        align-self: flex-end;
    }
}
}

2026年8月27日 (四) 23:19的最新版本

/* ============================================================
   📦 整体说明
   本 CSS 用于 MediaWiki 全局暗色美化，适用于 Vector、Vector 2022、Monobook 等皮肤。
   目标：暗色背景 + 高对比度/醒目字体，提升阅读与编辑体验。
   包含：全局样式 | 标题与链接 | 表格与代码 | 信息框 | 侧边栏 | 顶部导航 | 编辑器 | 滚动条等。
   ============================================================ */

/* ============================================================
   区块 1：全局重置 & 基础颜色
   ============================================================ */
html,
body {
    background-color: #0d1117 !important;
    color: #e6edf3 !important;
    font-family: 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
}

/* ============================================================
   区块 2：标题样式（更亮、更醒目）
   ============================================================ */
h1,
h2,
h3,
h4,
h5,
h6,
.firstHeading,
.mw-headline,
.personaltitle,
#firstHeading,
#siteSub,
#contentSub {
    color: #f0f6fc !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
}

h2,
h3,
h4,
h5,
h6 {
    border-bottom-color: #30363d !important;
}

/* ============================================================
   区块 3：链接颜色与交互（亮蓝 + 悬停加强）
   ============================================================ */
a,
a:visited,
a:active,
.mw-body a,
.mw-body a:visited,
#mw-panel a,
#mw-panel a:visited,
.vector-menu a,
.vector-menu a:visited {
    color: #58a6ff !important;
    text-decoration: none;
    transition: color 0.15s ease, text-shadow 0.15s ease;
}

a:hover,
a:focus,
.mw-body a:hover,
.vector-menu a:hover {
    color: #79c0ff !important;
    text-shadow: 0 0 6px rgba(88, 166, 255, 0.3) !important;
    text-decoration: underline !important;
}

a:visited {
    color: #a5b4fc !important;
}

/* ============================================================
   区块 4：页面主体区域
   ============================================================ */
.mw-body,
#content,
#mw-content-text,
.ve-init-mw-desktopArticleTarget-targetContainer {
    background-color: #161b22 !important;
    color: #e6edf3 !important;
    border-color: #30363d !important;
    border: 1px solid #30363d !important;
    box-shadow: 0 0 0 1px #30363d !important;
}

.mw-body p,
#content p {
    color: #e6edf3 !important;
    line-height: 1.7;
}

/* ============================================================
   区块 5：表格样式（暗色背景 + 亮色文字）
   ============================================================ */
table,
.wikitable,
.mw-datatable {
    background-color: #0d1117 !important;
    color: #e6edf3 !important;
    border-color: #30363d !important;
}

table th,
.wikitable th,
.mw-datatable th {
    background-color: #21262d !important;
    color: #f0f6fc !important;
    border-color: #30363d !important;
    font-weight: 600;
}

table td,
.wikitable td,
.mw-datatable td {
    border-color: #30363d !important;
    color: #e6edf3 !important;
}

table tr:nth-child(even),
.wikitable tr:nth-child(even),
.mw-datatable tr:nth-child(even) {
    background-color: #161b22 !important;
}

table tr:nth-child(odd),
.wikitable tr:nth-child(odd),
.mw-datatable tr:nth-child(odd) {
    background-color: #0d1117 !important;
}

table tr:hover,
.wikitable tr:hover,
.mw-datatable tr:hover {
    background-color: #1c2333 !important;
    transition: background 0.1s ease;
}

/* ============================================================
   区块 6：代码块 & 预格式化
   ============================================================ */
pre,
.mw-code,
.mw-json,
.mw-highlight,
.hljs,
code,
tt,
kbd,
samp,
.plainlinks pre {
    background-color: #0d1117 !important;
    color: #f0f6fc !important;
    border-color: #30363d !important;
    border-radius: 6px;
    font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
    font-size: 0.92em;
    padding: 0.2em 0.5em;
}

code,
tt,
kbd {
    background-color: #21262d !important;
    color: #ffd700 !important;
    padding: 0.15em 0.4em;
    border-radius: 4px;
}

pre code,
.mw-code code {
    background-color: transparent !important;
    color: #e6edf3 !important;
    padding: 0;
}

/* ============================================================
   区块 7：信息框 / 消息盒子（警告、错误、成功）
   ============================================================ */
.messagebox,
.infobox,
.ambox,
.toc,
.mw-notification,
#mw-indicators,
.warningbox,
.errorbox,
.successbox {
    background-color: #161b22 !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}

.warningbox {
    border-color: #daa520 !important;
    background-color: #2a1f0e !important;
}
.warningbox,
.warningbox * {
    color: #ffd966 !important;
}

.errorbox {
    border-color: #dc3545 !important;
    background-color: #2c141a !important;
}
.errorbox,
.errorbox * {
    color: #f8a5b0 !important;
}

.successbox {
    border-color: #28a745 !important;
    background-color: #0f2b1a !important;
}
.successbox,
.successbox * {
    color: #7ee08c !important;
}

/* ============================================================
   区块 8：侧边栏（紧凑 + 大字 + 高行距 + 黑金边框）
   ============================================================ */

/* 8.1 侧边栏整体 */
#mw-panel {
    background: #0d1117 !important;
    border-right: 1px solid #21262d !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 1em !important;
    width: auto !important;
    min-width: 160px !important;
    max-width: 210px !important;
    margin-top: 0 !important;
}

/* 8.2 左上角 Logo */
#p-logo {
    display: block !important;
    padding: 0.5em 0 0.3em 0.8em !important;
    margin: 0 !important;
    border-bottom: 1px solid #21262d !important;
}

#p-logo a {
    background-size: 128px !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    display: block !important;
    width: 10em !important;
    height: 160px !important;
    text-decoration: none !important;
}

/* 8.3 板块容器 */
#mw-panel .portal {
    margin-bottom: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

/* 8.4 板块标题 */
#mw-panel .portal h3,
#mw-panel .portal .vector-menu-heading {
    color: #f0f6fc !important;
    font-weight: 600 !important;
    font-size: 0.85em !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid #21262d !important;
    padding: 0.5em 0 0.35em 0.6em !important;
    margin: 0 !important;
    background: transparent !important;
    opacity: 0.8 !important;
    white-space: nowrap !important;
}

/* 8.5 链接列表容器 */
#mw-panel .portal .vector-menu-content,
#mw-panel .portal .body {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

#mw-panel .portal .vector-menu-content ul,
#mw-panel .portal .body ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#mw-panel .portal .vector-menu-content ul li,
#mw-panel .portal .body ul li {
    margin: 0 !important;
    padding: 0 !important;
}

/* 8.6 链接默认状态（黑金风格：底部金边） */
#mw-panel .portal .vector-menu-content ul li a,
#mw-panel .portal .body ul li a {
    display: block !important;
    padding: 0.35em 0.6em 0.35em 0.8em !important;
    color: #c9d1d9 !important;
    font-size: 1em !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    border-left: 2px solid transparent !important;
    background: transparent !important;
    transition: all 0.15s ease !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.6 !important;
    /* 底部金边装饰（来自后续终极版） */
    border-bottom: 1px solid rgba(255, 215, 0, 0.15) !important;
    background-image: linear-gradient(to right, rgba(255, 215, 0, 0.08), transparent 80%) !important;
    background-repeat: no-repeat !important;
    background-position: bottom left !important;
    background-size: 100% 1px !important;
}

/* 8.7 链接悬浮状态 */
#mw-panel .portal .vector-menu-content ul li a:hover,
#mw-panel .portal .body ul li a:hover {
    color: #f0f6fc !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border-left-color: #fbcb3e !important;
    border-bottom-color: rgba(255, 215, 0, 0.45) !important;
    background-image: linear-gradient(to right, rgba(255, 215, 0, 0.15), transparent 90%) !important;
}

/* 8.8 最后一个链接无边框 */
#mw-panel .portal .body ul li:last-child a,
#mw-panel .portal .vector-menu-content ul li:last-child a {
    border-bottom: none !important;
    background-image: none !important;
}

/* 8.9 板块分隔线 */
#mw-panel .portal:not(:last-child)::after {
    content: '' !important;
    display: block !important;
    height: 1px !important;
    background: #21262d !important;
    margin: 0.1em 0.8em !important;
}

/* 8.10 移除折叠按钮 */
#mw-panel .portal .vector-menu-heading .mw-collapsible-text {
    display: none !important;
}

/* 8.11 "工具"区域微调 */
#p-tb .portal .vector-menu-content ul li a,
#p-tb .portal .body ul li a {
    padding: 0.25em 0.6em 0.25em 0.8em !important;
    font-size: 0.9em !important;
    line-height: 1.5 !important;
}

/* 8.12 侧边栏滚动条 */
#mw-panel {
    scrollbar-width: thin;
    scrollbar-color: #21262d #0d1117;
}
#mw-panel::-webkit-scrollbar {
    width: 4px;
}
#mw-panel::-webkit-scrollbar-track {
    background: #0d1117;
}
#mw-panel::-webkit-scrollbar-thumb {
    background: #21262d;
    border-radius: 4px;
}
#mw-panel::-webkit-scrollbar-thumb:hover {
    background: #30363d;
}

/* 8.13 修复头部与侧边栏之间的空隙 */
#mw-head-base {
    background: transparent !important;
}
#mw-page-base {
    background: transparent !important;
}
#mw-panel > div:empty,
#mw-panel > .empty,
#mw-panel > .portal:empty {
    display: none !important;
}

/* ============================================================
   区块 9：搜索框
   ============================================================ */
#searchInput,
#searchQuery,
.vector-search-box-input,
#simpleSearch input {
    background-color: #0d1117 !important;
    color: #e6edf3 !important;
    border-color: #30363d !important;
    border-radius: 6px;
}

#searchInput:focus,
#searchQuery:focus,
.vector-search-box-input:focus {
    border-color: #58a6ff !important;
    box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.25) !important;
    outline: none;
}

#searchButton,
#mw-searchButton {
    background-color: #21262d !important;
    color: #e6edf3 !important;
    border-color: #30363d !important;
}
#searchButton:hover,
#mw-searchButton:hover {
    background-color: #30363d !important;
}

/* ============================================================
   区块 10：分类与底部
   ============================================================ */
#catlinks,
#footer,
#footer-info,
#footer-places,
#footer-icons {
    background-color: #0d1117 !important;
    border-color: #30363d !important;
    color: #8b949e !important;
}

#catlinks a,
#footer a {
    color: #58a6ff !important;
}

#catlinks a:hover,
#footer a:hover {
    color: #79c0ff !important;
}

/* ============================================================
   区块 11：编辑框（经典文本编辑区域）
   ============================================================ */
#wpTextbox1,
.mw-editform #wpTextbox1,
textarea.mw-editfont-monospace,
#editpage-textarea {
    background-color: #0d1117 !important;
    color: #e6edf3 !important;
    border: 1px solid #30363d !important;
    border-radius: 6px !important;
    font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'Consolas', monospace !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    padding: 12px !important;
    caret-color: #58a6ff !important;
    box-shadow: inset 0 0 0 1px #30363d !important;
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

#wpTextbox1:focus,
.mw-editform #wpTextbox1:focus,
#editpage-textarea:focus {
    border-color: #58a6ff !important;
    box-shadow: inset 0 0 0 1px #58a6ff, 0 0 0 3px rgba(88, 166, 255, 0.15) !important;
    outline: none !important;
}

/* ============================================================
   区块 12：编辑摘要/注释输入框
   ============================================================ */
#wpSummary,
.mw-summary,
#wpMinoredit + label,
input.mw-edit-summary {
    background-color: #0d1117 !important;
    color: #e6edf3 !important;
    border: 1px solid #30363d !important;
    border-radius: 4px !important;
    padding: 6px 10px !important;
}

#wpSummary:focus,
.mw-summary:focus {
    border-color: #58a6ff !important;
    box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.15) !important;
    outline: none !important;
}

/* ============================================================
   区块 13：WikiEditor 工具栏
   ============================================================ */
.wikiEditor-toolbar,
.wikiEditor-ui-toolbar,
.wikiEditor-ui {
    background-color: #161b22 !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
    border-radius: 6px 6px 0 0 !important;
}

.wikiEditor-ui-toolbar .section-main {
    background-color: transparent !important;
}

.wikiEditor-ui-toolbar .group {
    border-color: #30363d !important;
}

.wikiEditor-ui-toolbar .group-label {
    color: #b1bac4 !important;
}

.wikiEditor-ui-toolbar .tool,
.wikiEditor-ui-toolbar .tool-select {
    background-color: #0d1117 !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
    border-radius: 3px !important;
}

.wikiEditor-ui-toolbar .tool:hover,
.wikiEditor-ui-toolbar .tool-select:hover {
    background-color: #21262d !important;
    border-color: #58a6ff !important;
}

.wikiEditor-ui-toolbar .tool.active,
.wikiEditor-ui-toolbar .tool-select.active {
    background-color: #1f6feb !important;
    border-color: #58a6ff !important;
    color: #ffffff !important;
}

.wikiEditor-ui-toolbar .menu {
    background-color: #161b22 !important;
    border-color: #30363d !important;
    color: #e6edf3 !important;
}

.wikiEditor-ui-toolbar .menu .menu-item {
    color: #e6edf3 !important;
}

.wikiEditor-ui-toolbar .menu .menu-item:hover {
    background-color: #21262d !important;
    color: #f0f6fc !important;
}

/* ============================================================
   区块 14：编辑按钮（保存/预览/差异）
   ============================================================ */
#editpage-copywarn,
#editpage-copywarn p,
.mw-editform .editCheckboxes,
.mw-editform .editHelp {
    color: #b1bac4 !important;
    background-color: transparent !important;
}

#wpSave,
#wpPreview,
#wpDiff,
.mw-editform input[type="submit"] {
    background-color: #21262d !important;
    color: #f0f6fc !important;
    border: 1px solid #30363d !important;
    border-radius: 6px !important;
    padding: 8px 20px !important;
    font-weight: 600 !important;
    transition: all 0.15s ease;
}

#wpSave:hover,
#wpPreview:hover,
#wpDiff:hover,
.mw-editform input[type="submit"]:hover {
    background-color: #30363d !important;
    border-color: #58a6ff !important;
    box-shadow: 0 0 12px rgba(88, 166, 255, 0.15) !important;
}

/* ============================================================
   区块 15：其他输入框
   ============================================================ */
textarea,
input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
select {
    background-color: #0d1117 !important;
    color: #e6edf3 !important;
    border: 1px solid #30363d !important;
    border-radius: 4px;
}

textarea:focus,
input[type="text"]:focus {
    border-color: #58a6ff !important;
    box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.2);
}

/* ============================================================
   区块 16：特殊页面 & 差异对比
   ============================================================ */
.diff,
.diff td,
.diff th,
.diff-editfont-monospace,
.mw-diff-edit,
#mw-diff-ntitle1,
#mw-diff-ntitle2 {
    background-color: #161b22 !important;
    color: #e6edf3 !important;
    border-color: #30363d !important;
}

.diff td.diff-context {
    background-color: #0d1117 !important;
    color: #b1bac4 !important;
}
.diff td.diff-addedline {
    background-color: #1a3a2a !important;
    color: #a8f0c0 !important;
}
.diff td.diff-deletedline {
    background-color: #3a1a1a !important;
    color: #f0a8a8 !important;
}

/* ============================================================
   区块 17：用户贡献 & 最近更改
   ============================================================ */
.mw-contributions-table,
.mw-changeslist,
.mw-rcfilters-table {
    background-color: transparent !important;
    color: #e6edf3 !important;
}

.mw-changeslist-line,
.mw-contributions-line {
    background-color: #0d1117 !important;
    border-color: #30363d !important;
    padding: 0.3em 0;
}

.mw-rcfilters-ui-highlights {
    color: #f0f6fc !important;
}

/* ============================================================
   区块 18：缩略图 / 图片说明
   ============================================================ */
.thumbinner,
.thumbcaption,
.gallerybox,
.gallerytext,
.thumbimage {
    background-color: #161b22 !important;
    color: #e6edf3 !important;
    border-color: #30363d !important;
}

.thumbimage {
    border: 1px solid #30363d !important;
}

/* ============================================================
   区块 19：引用 / 参考文献
   ============================================================ */
.reflist,
.references,
.mw-references-wrap {
    background-color: transparent !important;
    color: #e6edf3 !important;
}
.reflist a,
.references a {
    color: #58a6ff !important;
}

/* ============================================================
   区块 20：内部导航 (toc)
   ============================================================ */
#toc,
.toc {
    background-color: #161b22 !important;
    border: 1px solid #30363d !important;
    color: #e6edf3 !important;
    border-radius: 6px;
}
#toc a,
.toc a {
    color: #58a6ff !important;
}
#toc a:hover,
.toc a:hover {
    color: #79c0ff !important;
}

/* ============================================================
   区块 21：滚动条美化（全局）
   ============================================================ */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background: #0d1117;
}
::-webkit-scrollbar-track {
    background: #0d1117;
}
::-webkit-scrollbar-thumb {
    background: #30363d;
    border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover {
    background: #484f58;
}

/* ============================================================
   区块 22：辅助类与杂项
   ============================================================ */
.mw-body-content {
    color: #e6edf3 !important;
}

::placeholder {
    color: #8b949e !important;
    opacity: 0.7;
}

::selection {
    background: #1f6feb !important;
    color: #ffffff !important;
}

img,
figure {
    background-color: #0d1117 !important;
    border: 1px solid #30363d;
    border-radius: 4px;
}

#mw-page-base,
#mw-head-base {
    background-color: #0d1117 !important;
}

.skin-minerva .mw-body,
.skin-minerva #content {
    background-color: #161b22 !important;
    color: #e6edf3 !important;
}
.skin-minerva a {
    color: #58a6ff !important;
}

/* ============================================================
   区块 23：顶部操作标签美化（页面/讨论 | 阅读/编辑/源代码/历史）
   （黑金主题 + 完美排版修复）
   ============================================================ */

/* 23.1 导航容器布局 */
#left-navigation,
#right-navigation,
#p-views,
#p-cactions,
.vector-menu-tabs,
.vector-menu-tabs ul,
.vector-menu-dropdown,
#left-navigation ul,
#right-navigation ul {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    height: auto !important;
    min-height: 0 !important;
    line-height: 1.4 !important;
}

/* 23.2 列表项重置 */
#left-navigation ul li,
#right-navigation ul li,
#p-views ul li,
#p-cactions ul li,
.vector-menu-tabs li,
.vector-menu-dropdown li {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    line-height: 1.4 !important;
}

/* 23.3 链接通用样式 */
#left-navigation ul li a,
#right-navigation ul li a,
#p-views ul li a,
#p-cactions ul li a,
.vector-menu-tabs li a,
.vector-menu-dropdown label,
.vector-menu-dropdown a,
#ca-more a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    background: transparent !important;
    border: none !important;
    border-radius: 4px !important;
    box-shadow: none !important;
    text-shadow: none !important;
    margin: 0 2px !important;
    padding: 5px 12px !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    line-height: 1.4 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    transform: none !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    width: auto !important;
    white-space: nowrap !important;
}

/* 23.4 移除所有伪元素（图标等） */
#left-navigation ul li a::before,
#left-navigation ul li a::after,
#right-navigation ul li a::before,
#right-navigation ul li a::after,
#p-views ul li a::before,
#p-views ul li a::after,
#p-cactions ul li a::before,
#p-cactions ul li a::after,
.vector-menu-tabs li a::before,
.vector-menu-tabs li a::after,
.vector-menu-dropdown label::before,
.vector-menu-dropdown label::after,
#ca-more a::before,
#ca-more a::after,
#ca-watch a::before,
#ca-watch a::after,
#ca-unwatch a::before,
#ca-unwatch a::after,
.mw-watchlink.icon a::before,
.mw-watchlink.icon a::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    transform: none !important;
    background: none !important;
}

/* 23.5 移除监视链接的图标背景 */
.mw-watchlink.icon a,
#ca-watch a,
#ca-unwatch a {
    background-image: none !important;
    text-indent: 0 !important;
}

/* 23.6 导航链接颜色（黑金主题） */
#left-navigation ul li a,
#right-navigation ul li a,
#p-views ul li a,
#p-cactions ul li a,
.vector-menu-tabs li a,
.vector-menu-dropdown a,
.vector-menu-dropdown label,
#ca-more a {
    color: #c9d1d9 !important;
}

#left-navigation ul li a:hover,
#right-navigation ul li a:hover,
#p-views ul li a:hover,
#p-cactions ul li a:hover,
.vector-menu-tabs li a:hover,
.vector-menu-dropdown a:hover,
.vector-menu-dropdown label:hover,
#ca-more a:hover {
    color: #ffd700 !important;
    background-color: rgba(255, 215, 0, 0.1) !important;
}

/* 23.7 当前选中标签 */
#left-navigation ul li.selected a,
#right-navigation ul li.selected a,
#p-views ul li.selected a,
#p-cactions ul li.selected a,
.vector-menu-tabs li.selected a {
    color: #ffd700 !important;
    border-bottom: 2px solid #ffd700 !important;
    font-weight: 700 !important;
}

/* 23.8 编辑/查看源代码特殊高亮 */
#ca-edit a,
#ca-viewsource a {
    color: #ffd700 !important;
    background-color: rgba(255, 215, 0, 0.08) !important;
    border-radius: 4px !important;
}
#ca-edit a:hover,
#ca-viewsource a:hover {
    color: #ffe066 !important;
    background-color: rgba(255, 215, 0, 0.2) !important;
}

/* 23.9 监视链接 */
#ca-watch a,
#ca-unwatch a {
    color: #c9d1d9 !important;
}
#ca-watch a:hover,
#ca-unwatch a:hover {
    color: #ffd700 !important;
}

/* 23.10 下拉菜单 */
#p-cactions .vector-menu-dropdown .menu li a,
.vector-menu-dropdown .menu li a {
    color: #c9d1d9 !important;
    background-color: transparent !important;
}
#p-cactions .vector-menu-dropdown .menu li a:hover,
.vector-menu-dropdown .menu li a:hover {
    color: #ffd700 !important;
    background-color: rgba(255, 215, 0, 0.1) !important;
}

/* 23.11 下拉指示器 */
.vector-menu-indicator,
#p-cactions .vector-menu-indicator {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    margin: 0 0 0 4px !important;
    padding: 0 !important;
    height: auto !important;
    line-height: 1 !important;
    transform: none !important;
    border: none !important;
    background: none !important;
    color: #c9d1d9 !important;
}
.vector-menu-dropdown:hover .vector-menu-indicator,
#p-cactions .vector-menu-dropdown:hover .vector-menu-indicator {
    color: #ffd700 !important;
}

/* 23.12 下拉菜单面板 */
#p-cactions .vector-menu-dropdown .menu,
.vector-menu-dropdown .menu {
    background-color: rgba(32, 32, 32, 0.98) !important;
    border: 1px solid rgba(255, 215, 0, 0.2) !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6) !important;
}

/* ============================================================
   区块 24：正文区彻底修复（移除导致过宽的 padding）
   ============================================================ */

/* 24.1 清除所有误加的背景、边框、阴影，恢复正常宽度 */
.mw-body .mw-parser-output,
.mw-parser-output,
#mw-content-text,
.mw-body-content {
    padding: 0 !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-image: none !important;
    max-width: 100% !important;
    width: auto !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* 24.2 移除正文区外部多余容器的边框和背景 */
.mw-body .mw-parser-output > div,
.mw-body .mw-parser-output > table,
.mw-body .mw-parser-output > form {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 24.3 强制正文区内部所有超链接恢复蓝色（不适用金色） */
.mw-parser-output a,
.mw-parser-output a:visited,
.mw-parser-output a:active,
.mw-parser-output a.external,
.mw-body .mw-parser-output a,
.mw-body .mw-content-ltr a,
#mw-content-text a {
    color: #58a6ff !important;
    text-decoration: none !important;
    background-color: transparent !important;
    background-image: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    display: inline !important;
    transform: none !important;
    transition: color 0.2s ease !important;
}

.mw-parser-output a:visited,
.mw-body .mw-parser-output a:visited {
    color: #a5b4fc !important;
}

.mw-parser-output a:hover,
.mw-body .mw-parser-output a:hover,
.mw-parser-output a.external:hover {
    color: #79c0ff !important;
    text-decoration: underline !important;
    text-shadow: none !important;
}

/* 24.4 保留列表和段落的正常缩进 */
.mw-parser-output h1,
.mw-parser-output h2,
.mw-parser-output h3,
.mw-parser-output h4,
.mw-parser-output p {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

.mw-parser-output ul,
.mw-parser-output ol {
    margin-left: 0 !important;
    padding-left: 1.6em !important;
}

.mw-parser-output ul li,
.mw-parser-output ol li {
    margin-bottom: 0.3em !important;
    padding-left: 0 !important;
    color: #d0d0d0 !important;
}

/* ============================================================
   区块 25：CodeMirror 编辑器暗色适配
   ============================================================ */
.CodeMirror,
.CodeMirror-scroll,
.CodeMirror-gutters {
    background-color: #0d1117 !important;
    color: #e6edf3 !important;
    border-color: #30363d !important;
}

.CodeMirror-gutters {
    background-color: #161b22 !important;
    border-right-color: #30363d !important;
}

.CodeMirror-linenumber {
    color: #8b949e !important;
}

.CodeMirror-cursor {
    border-left-color: #58a6ff !important;
}

.CodeMirror-selected {
    background-color: #1f6feb !important;
}

/* CodeMirror 语法高亮颜色（保持醒目） */
.cm-s-default .cm-keyword {
    color: #ff7b72 !important;
}
.cm-s-default .cm-atom {
    color: #79c0ff !important;
}
.cm-s-default .cm-number {
    color: #d2a8ff !important;
}
.cm-s-default .cm-def {
    color: #58a6ff !important;
}
.cm-s-default .cm-variable {
    color: #e6edf3 !important;
}
.cm-s-default .cm-variable-2 {
    color: #e6edf3 !important;
}
.cm-s-default .cm-variable-3 {
    color: #e6edf3 !important;
}
.cm-s-default .cm-property {
    color: #79c0ff !important;
}
.cm-s-default .cm-operator {
    color: #ff7b72 !important;
}
.cm-s-default .cm-comment {
    color: #8b949e !important;
    font-style: italic !important;
}
.cm-s-default .cm-string {
    color: #a5d6ff !important;
}
.cm-s-default .cm-string-2 {
    color: #a5d6ff !important;
}
.cm-s-default .cm-meta {
    color: #b1bac4 !important;
}
.cm-s-default .cm-qualifier {
    color: #58a6ff !important;
}
.cm-s-default .cm-builtin {
    color: #ff7b72 !important;
}
.cm-s-default .cm-bracket {
    color: #e6edf3 !important;
}
.cm-s-default .cm-tag {
    color: #ff7b72 !important;
}
.cm-s-default .cm-attribute {
    color: #79c0ff !important;
}
.cm-s-default .cm-hr {
    color: #8b949e !important;
}
.cm-s-default .cm-link {
    color: #58a6ff !important;
}
.cm-s-default .cm-error {
    color: #f85149 !important;
}

/* ============================================================
   区块 26：编辑器白色背景修复（统一边框为 #30363d）
   ============================================================ */

/* 26.1 编辑选项区域 */
.editOptions,
.mw-editform .editOptions {
    background-color: #161b22 !important;
    border-color: #30363d !important;
    border: 1px solid #30363d !important;
}

/* 26.2 编辑器状态信息栏 */
.codeEditor-status-message,
.codeEditor-status-worker {
    background-color: #0d1117 !important;
    color: #e6edf3 !important;
    border-color: #30363d !important;
    border: 1px solid #30363d !important;
}

/* 26.3 编辑器外部容器 - 移除所有白线 */
.codeEditor-editor,
.codeEditor-status {
    background-color: #0d1117 !important;
    border-color: #30363d !important;
    border: 1px solid #30363d !important;
}

/* ============================================================
   区块 27：Ace 编辑器适配
   ============================================================ */

/* 27.1 Ace 编辑器主体 - 移除多余边框 */
.ace_editor,
.ace_editor .ace_scroller,
.ace_editor .ace_content {
    background-color: #0d1117 !important;
    border: none !important;
}

/* 27.2 Ace 编辑器文字颜色 */
.ace_editor .ace_text-layer,
.ace_editor .ace_line,
.ace_editor .ace_line * {
    color: #e6edf3 !important;
}

/* 27.3 Ace 行号区 */
.ace_gutter,
.ace_editor .ace_gutter {
    background-color: #161b22 !important;
    color: #8b949e !important;
    border-right: 1px solid #30363d !important;
}

/* 27.4 Ace 光标 */
.ace_cursor,
.ace_editor .ace_cursor {
    color: #58a6ff !important;
    border-left-color: #58a6ff !important;
}

/* 27.5 Ace 选中高亮 - 修复框选看不见的问题 */
.ace_selection,
.ace_editor .ace_selection,
.ace_editor .ace_selection div {
    background-color: #1f6feb !important;
    color: #ffffff !important;
}

.ace_editor .ace_selected-word,
.ace_editor .ace_selected-word div {
    background-color: #1f6feb !important;
    color: #ffffff !important;
}

/* 27.6 Ace 当前行高亮 */
.ace_active-line,
.ace_editor .ace_active-line {
    background-color: #1c2333 !important;
}

/* 27.7 Ace 当前行号高亮 */
.ace_gutter-active-line,
.ace_editor .ace_gutter-active-line {
    background-color: #1c2333 !important;
}

/* 27.8 强制 Ace 选中的背景色 */
.ace_editor .ace_marker-layer .ace_selection {
    background-color: #1f6feb !important;
}

/* ============================================================
   区块 28：编辑页面底部区域修复
   ============================================================ */

/* 28.1 摘要输入框 */
#wpSummary,
.mw-summary,
input.mw-edit-summary {
    color: #e6edf3 !important;
    border: 1px solid #30363d !important;
}

#wpSummary:focus,
.mw-summary:focus {
    border-color: #58a6ff !important;
    box-shadow: 0 0 0 3px rgba(88, 166, 255, 0.15) !important;
    outline: none !important;
}

/* 28.2 版权警告 */
#editpage-copywarn,
#editpage-copywarn p {
    color: #b1bac4 !important;
}

/* 28.3 保存/预览/差异 按钮 */
#wpSave,
#wpPreview,
#wpDiff {
    color: #f0f6fc !important;
    background-color: #21262d !important;
    border: 1px solid #30363d !important;
}

#wpSave:hover,
#wpPreview:hover,
#wpDiff:hover {
    background-color: #30363d !important;
    border-color: #58a6ff !important;
}

/* 28.4 页面底部 */
#footer,
#footer-info,
#footer-places,
#footer-icons {
    color: #8b949e !important;
}

#footer a,
#footer-places a {
    color: #58a6ff !important;
}

/* ============================================================
   区块 29：修复 Ace 编辑器白线问题（只禁用 height）
   ============================================================ */
.ace_content {
    height: auto !important;
}

/* ============================================================
   ★★★★★ 代码结束 ★★★★★
   ============================================================ */

















/* --- 单位信息卡片样式 (全局生效) --- */

.mw-card-box {
    width: 100% !important;
    background-color: transparent !important; /* 去掉原来的浅灰背景，直接透出深色底 */
    border: 1px solid #444; /* 边框改为深灰色，更契合暗黑主题 */
    padding: 0;
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3); /* 阴影加深 */
}

.mw-card-header {
    background-color: #1a1a1a; /* 深黑背景 */
    color: var(--theme-color, #0077FF); /* 标题文字使用主题色 */
    font-weight: bold;
    padding: 12px 18px;
    text-align: left;
    border-bottom: 3px solid var(--theme-color, #0077FF);
    font-size: 1.2em;
}

.mw-card-body {
    padding: 15px 18px;
    color: #ddd; /* 文字改为浅色，配合暗黑主题 */
}

.mw-card-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 15px 30px;
    box-sizing: border-box;
}

.mw-card-col {
    flex: 1;
    line-height: 1.7;
    min-width: 120px;
    word-break: break-word;
}

.mw-card-icon-box {
    flex: 0 0 auto;
    background-color: var(--theme-color, #0077FF);
    padding: 4px 8px;
    border-radius: 3px;
    display: flex;
    align-items: center;
}

.mw-card-divider {
    padding: 0;
    border-bottom: 1px solid #333; /* 暗色分割线 */
}

/* 核心修复：图片区 */
.mw-card-image-frame {
    text-align: center;
    padding: 15px;
    background-color: transparent !important; /* 去掉白色背景！ */
    border: none; /* 去掉边框 */
    margin: 0;
}

.mw-card-image-frame img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
    border-radius: 4px;
}

.mw-card-caption {
    color: #888; /* 图片说明文字颜色调暗 */
    margin-top: 6px;
    display: block;
}

.mw-card-footer {
    padding: 15px 18px;
    line-height: 1.8;
    color: #ccc; /* 文字颜色 */
}

.mw-card-code {
    padding: 15px 18px;
}

.mw-card-code-divider {
    padding: 0;
    border-bottom: 1px solid #333;
    margin-bottom: 15px;
}

/* 修复代码块白底 */
.mw-card-code-block {
    white-space: pre-wrap !important;      /* 保留换行，自动换行 */
    word-break: break-word !important;     /* 长单词换行 */
    tab-size: 4 !important;                /* 制表符宽度 */
    font-family: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace !important;
    font-size: 13px !important;
    line-height: 1.8 !important;           /* 增加行高，更舒适 */
    padding: 16px 20px !important;
    background-color: #0d1117 !important;
    border: 1px solid #30363d !important;
    border-radius: 6px !important;
    overflow-x: auto !important;
    max-height: 500px !important;          /* 内容太多时滚动 */
}.mw-card-code-block {
    white-space: pre-wrap;
    word-break: break-all;
    overflow-x: auto;
    max-width: 100%;
    box-sizing: border-box;
    background-color: #1e1e1e !important; /* 暗黑代码背景 */
    border: 1px solid #444 !important;
    color: #a9b7c6; /* 代码文字颜色 */
    padding: 10px;
}

/* 移动端优化 */
@media screen and (max-width: 800px) {
    .mw-card-header {
        padding: 10px 12px;
        font-size: 1.1em;
    }
    .mw-card-flex {
        flex-direction: column;
        gap: 10px;
    }
    .mw-card-icon-box {
        align-self: flex-end;
    }
}
蜀ICP备2026037366号-1
取自“https://mentalomega.wiki/wiki/index.php?title=MediaWiki:Common.css&oldid=2825”