MediaWiki:Common.css

2026-08-01T08:54:50Z

Lyx：

Lyx：

/* ============================================================
主题色：深灰 #202020 / 金色 #ffd700
完整修复版 - Logo + 导航标签 + 编辑按钮 + 右上角
============================================================ */

/* ===== 页面背景大图设置 ===== */
body {
background-image: url("https://helldivers-zh.wiki/wiki/images/f/f9/%E8%B5%84%E6%96%99%E7%AB%99%E8%83%8C%E6%99%AF.png");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
background-size: cover;
background-color: #202020;
}

/* ===== 所有内容区域透明 ===== */
#content {
background-color: transparent;
}

#footer {
background-color: transparent;
}

/* ===== 头部透明 ===== */
#mw-page-base {
background-color: transparent !important;
background-image: none !important;
}

#mw-head {
background-color: transparent !important;
background-image: none !important;
}

#mw-head-base {
background-color: transparent !important;
background-image: none !important;
}

/* ===== 主内容区 ===== */
.mw-body {
background-color: rgba(32, 32, 32, 0.92) !important;
color: #e8e8e8 !important;
border-radius: 8px !important;
border-left: 3px solid #ffd700 !important;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5) !important;
position: relative !important;
overflow: hidden !important;
}

/* ===== 金色光晕点缀 ===== */
.mw-body::before {
content: '' !important;
position: absolute !important;
top: -50px !important;
right: -50px !important;
width: 200px !important;
height: 200px !important;
background: radial-gradient(circle, rgba(255, 215, 0, 0.03), transparent 70%) !important;
pointer-events: none !important;
border-radius: 50% !important;
z-index: 0 !important;
}

/* ===== 左侧导航面板 ===== */
#mw-panel {
background-color: rgba(32, 32, 32, 0.85) !important;
border-radius: 8px !important;
border-right: 2px solid #ffd700 !important;
padding: 10px 0 !important;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4) !important;
}

#mw-panel .portal {
background-color: transparent !important;
}

#mw-panel .portal .body {
background-color: transparent !important;
}

/* ===== 侧边栏标题 ===== */
#mw-panel .portal h3 {
color: #ffd700 !important;
font-weight: 600;
padding-left: 12px;
border-bottom: 1px solid rgba(255, 215, 0, 0.2);
padding-bottom: 4px;
}

/* ============================================================
侧边栏链接 - 金色主题
============================================================ */
#mw-panel a,
#mw-panel .portal .body ul li a,
.mw-portlet .body ul li a,
.portal .body ul li a {
color: #cccccc !important;
text-decoration: none !important;
border-radius: 4px !important;
padding: 3px 12px !important;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
position: relative !important;
display: block !important;
background-color: transparent !important;
}

#mw-panel a:hover,
#mw-panel .portal .body ul li a:hover,
.mw-portlet .body ul li a:hover,
.portal .body ul li a:hover {
color: #ffd700 !important;
background-color: rgba(255, 215, 0, 0.15) !important;
text-shadow: 0 0 20px rgba(255, 215, 0, 0.15) !important;
transform: translateX(4px) !important;
text-decoration: none !important;
}

#mw-panel .portal .body ul li a::before,
.mw-portlet .body ul li a::before,
.portal .body ul li a::before {
content: '' !important;
position: absolute !important;
left: 0 !important;
top: 50% !important;
transform: translateY(-50%) scaleY(0) !important;
width: 3px !important;
height: 60% !important;
background: #ffd700 !important;
border-radius: 0 4px 4px 0 !important;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
opacity: 0 !important;
}

#mw-panel .portal .body ul li a:hover::before,
.mw-portlet .body ul li a:hover::before,
.portal .body ul li a:hover::before {
transform: translateY(-50%) scaleY(1) !important;
opacity: 1 !important;
}

#mw-panel a::after {
display: none !important;
}

/* ============================================================
Logo - 强制限制宽度，无动画
============================================================ */
#p-logo {
max-width: 180px !important;
width: auto !important;
overflow: hidden !important;
box-sizing: border-box !important;
background-color: transparent !important;
border-radius: 0 !important;
padding: 0 !important;
margin: 0 0 10px 0 !important;
border: none !important;
animation: none !important;
transition: none !important;
transform: none !important;
}

#p-logo a {
display: block !important;
max-width: 100% !important;
width: auto !important;
overflow: hidden !important;
transition: none !important;
transform: none !important;
animation: none !important;
box-shadow: none !important;
}

#p-logo a img,
#p-logo img {
max-width: 100% !important;
width: auto !important;
height: auto !important;
display: block !important;
transition: none !important;
transform: none !important;
animation: none !important;
}

#p-logo:hover,
#p-logo a:hover,
#p-logo a:hover img,
#p-logo img:hover {
transform: none !important;
animation: none !important;
transition: none !important;
box-shadow: none !important;
border-color: transparent !important;
}

/* ============================================================
右上角个人工具 - 去除黑色圆角背景
============================================================ */
#p-personal {
background-color: transparent !important;
border: none !important;
border-radius: 0 !important;
padding: 0 !important;
box-shadow: none !important;
}

#p-personal li a {
color: #cccccc !important;
transition: color 0.2s ease;
}

#p-personal li a:hover {
color: #ffd700 !important;
text-decoration: none;
}

/* ============================================================
顶部导航标签 - "首页""讨论"等
============================================================ */
#p-views ul li a,
#p-cactions ul li a {
background-color: transparent !important;
border: none !important;
border-radius: 0 !important;
padding: 6px 14px !important;
margin: 0 2px !important;
color: #aaaaaa !important;
font-weight: 500 !important;
transition: all 0.25s ease !important;
}

#p-views ul li a:hover,
#p-cactions ul li a:hover {
background-color: rgba(255, 215, 0, 0.1) !important;
color: #ffd700 !important;
}

#p-views ul li.selected a,
#p-cactions ul li.selected a {
background-color: transparent !important;
color: #ffd700 !important;
border-bottom: 2px solid #ffd700 !important;
font-weight: 600 !important;
}

/* ===== 编辑按钮 ===== */
#ca-edit a {
background-color: rgba(255, 215, 0, 0.1) !important;
color: #ffd700 !important;
font-weight: 600 !important;
border-radius: 4px !important;
}

#ca-edit a:hover {
background-color: rgba(255, 215, 0, 0.2) !important;
color: #ffe066 !important;
}

/* ===== 查看源代码按钮 ===== */
#ca-viewsource a {
background-color: transparent !important;
color: #aaaaaa !important;
}

#ca-viewsource a:hover {
background-color: rgba(255, 215, 0, 0.1) !important;
color: #ffd700 !important;
}

/* ============================================================
"编辑源代码"那块白色背景去除
============================================================ */
.mw-editsection {
background-color: transparent !important;
}

.mw-editsection a {
background-color: rgba(255, 215, 0, 0.08) !important;
color: #ffd700 !important;
border-radius: 4px !important;
padding: 2px 8px !important;
transition: all 0.3s ease !important;
}

.mw-editsection a:hover {
background-color: rgba(255, 215, 0, 0.2) !important;
color: #ffe066 !important;
}

/* ===== 底部 ===== */
#footer {
background-color: rgba(32, 32, 32, 0.85) !important;
border-radius: 8px;
padding: 12px 20px;
border-top: 2px solid #ffd700;
color: #aaaaaa !important;
}

#footer a {
color: #ffd700 !important;
}

#footer a:hover {
color: #ffe066 !important;
}

/* ============================================================
内容区超链接
============================================================ */
.mw-body a,
#content a,
.mw-content-ltr a {
color: #ffd700 !important;
text-decoration: none !important;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
position: relative !important;
}

.mw-body a:visited,
#content a:visited {
color: #d4a800 !important;
}

.mw-body a:hover,
#content a:hover {
color: #ffe066 !important;
text-shadow: 0 0 20px rgba(255, 215, 0, 0.3) !important;
transform: translateY(-1px) !important;
}

.mw-body a::after,
#content a::after {
content: '' !important;
position: absolute !important;
bottom: -2px !important;
left: 50% !important;
width: 0 !important;
height: 2px !important;
background: linear-gradient(90deg, #ffd700, #ffe066) !important;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
transform: translateX(-50%) !important;
border-radius: 2px !important;
}

.mw-body a:hover::after,
#content a:hover::after {
width: 80% !important;
}

#mw-panel a::after {
display: none !important;
}

/* 外部链接 */
.mw-body a.external,
#content a.external {
padding-right: 18px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffd700' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right center !important;
background-size: 12px !important;
}

.mw-body a.external:hover,
#content a.external:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffe066' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E") !important;
}

/* ===== 搜索框 ===== */
#searchInput {
border-radius: 20px !important;
border: 1px solid rgba(255, 215, 0, 0.3) !important;
background-color: rgba(32, 32, 32, 0.8) !important;
color: #e8e8e8 !important;
padding: 5px 14px !important;
transition: all 0.3s ease !important;
}

#searchInput:focus {
background-color: rgba(32, 32, 32, 0.95) !important;
border-color: #ffd700 !important;
box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.15) !important;
outline: none;
}

#searchButton {
border-radius: 20px !important;
background: linear-gradient(135deg, #ffd700, #f0c000) !important;
border: none !important;
color: #202020 !important;
font-weight: 600 !important;
padding: 5px 16px !important;
transition: all 0.3s ease !important;
cursor: pointer !important;
}

#searchButton:hover {
transform: scale(1.05) !important;
box-shadow: 0 4px 25px rgba(255, 215, 0, 0.3) !important;
background: linear-gradient(135deg, #ffe033, #ffd700) !important;
}

/* ===== 标题文字 ===== */
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4 {
color: #ffd700 !important;
border-bottom-color: rgba(255, 215, 0, 0.2) !important;
}

.mw-body p,
.mw-body li,
.mw-body .mw-content-ltr {
color: #d0d0d0 !important;
}

/* ===== 页面加载动画 ===== */
.mw-body,
#mw-panel,
#footer {
animation: fadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
}

#mw-panel {
animation-delay: 0.05s !important;
}

.mw-body {
animation-delay: 0.1s !important;
}

#footer {
animation-delay: 0.15s !important;
}

@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

/* ============================================================
强制修复顶部标签栏 - "首页""讨论""编辑源代码""监视"等
============================================================ */

/* 标签栏容器 - 背景透明 */
#p-views,
#p-cactions,
#left-navigation,
#right-navigation {
background-color: transparent !important;
}

/* 所有标签项 - 重置为透明背景 */
#p-views ul,
#p-cactions ul,
#p-views ul li,
#p-cactions ul li {
background-color: transparent !important;
background: none !important;
}

/* 标签链接 - 完全自定义样式 */
#p-views ul li a,
#p-cactions ul li a,
#left-navigation ul li a,
#right-navigation ul li a {
background-color: transparent !important;
background: none !important;
border: none !important;
border-radius: 4px 4px 0 0 !important;
padding: 6px 14px !important;
margin: 0 2px !important;
color: #aaaaaa !important;
font-weight: 500 !important;
font-size: 13px !important;
transition: all 0.25s ease !important;
box-shadow: none !important;
text-shadow: none !important;
}

/* 悬停效果 */
#p-views ul li a:hover,
#p-cactions ul li a:hover,
#left-navigation ul li a:hover,
#right-navigation ul li a:hover {
background-color: rgba(255, 215, 0, 0.12) !important;
color: #ffd700 !important;
border: none !important;
border-radius: 4px 4px 0 0 !important;
text-decoration: none !important;
}

/* 当前选中的标签页 - "首页"或"页面" */
#p-views ul li.selected a,
#p-cactions ul li.selected a,
#left-navigation ul li.selected a,
#right-navigation ul li.selected a {
background-color: transparent !important;
color: #ffd700 !important;
border-bottom: 2px solid #ffd700 !important;
font-weight: 600 !important;
border-radius: 0 !important;
}

/* ===== "编辑源代码" 按钮特殊样式 ===== */
#ca-viewsource a {
background-color: rgba(255, 215, 0, 0.06) !important;
color: #aaaaaa !important;
border-radius: 4px !important;
}

#ca-viewsource a:hover {
background-color: rgba(255, 215, 0, 0.18) !important;
color: #ffd700 !important;
}

/* ===== "编辑" 按钮特殊样式 ===== */
#ca-edit a {
background-color: rgba(255, 215, 0, 0.08) !important;
color: #ffd700 !important;
border-radius: 4px !important;
}

#ca-edit a:hover {
background-color: rgba(255, 215, 0, 0.2) !important;
color: #ffe066 !important;
}

/* ===== "监视" 按钮 ===== */
#ca-watch a,
#ca-unwatch a {
color: #aaaaaa !important;
background-color: transparent !important;
}

#ca-watch a:hover,
#ca-unwatch a:hover {
color: #ffd700 !important;
background-color: rgba(255, 215, 0, 0.08) !important;
}

/* ===== "讨论" 按钮 ===== */
#ca-talk a {
color: #aaaaaa !important;
background-color: transparent !important;
}

#ca-talk a:hover {
color: #ffd700 !important;
background-color: rgba(255, 215, 0, 0.08) !important;
}

/* 移除任何残留的默认背景和边框 */
#p-views .vector-menu-content,
#p-cactions .vector-menu-content,
.vector-menu-tabs,
.vector-menu-tabs ul {
background: none !important;
background-color: transparent !important;
border: none !important;
}

/* ============================================================
强制修复 "系统消息" 和 "讨论" 标签样式（含背景）
============================================================ */

/* "系统消息" 标签 - 页面主标签 */
#ca-nstab-main {
background-color: transparent !important;
background: none !important;
}

#ca-nstab-main a {
background-color: transparent !important;
background: none !important;
color: #aaaaaa !important;
border: none !important;
border-radius: 4px 4px 0 0 !important;
padding: 6px 14px !important;
margin: 0 2px !important;
font-weight: 500 !important;
font-size: 13px !important;
transition: all 0.25s ease !important;
}

#ca-nstab-main a:hover {
background-color: rgba(255, 215, 0, 0.12) !important;
background: rgba(255, 215, 0, 0.12) !important;
color: #ffd700 !important;
border: none !important;
text-decoration: none !important;
}

/* "系统消息" 选中状态 */
#ca-nstab-main.selected {
background-color: transparent !important;
background: none !important;
}

#ca-nstab-main.selected a {
background-color: transparent !important;
background: none !important;
color: #ffd700 !important;
border-bottom: 2px solid #ffd700 !important;
font-weight: 600 !important;
border-radius: 0 !important;
}

/* "讨论" 标签 */
#ca-talk {
background-color: transparent !important;
background: none !important;
}

#ca-talk a {
background-color: transparent !important;
background: none !important;
color: #aaaaaa !important;
border: none !important;
border-radius: 4px 4px 0 0 !important;
padding: 6px 14px !important;
margin: 0 2px !important;
font-weight: 500 !important;
font-size: 13px !important;
transition: all 0.25s ease !important;
}

#ca-talk a:hover {
background-color: rgba(255, 215, 0, 0.12) !important;
background: rgba(255, 215, 0, 0.12) !important;
color: #ffd700 !important;
border: none !important;
text-decoration: none !important;
}

/* "讨论" 选中状态 */
#ca-talk.selected {
background-color: transparent !important;
background: none !important;
}

#ca-talk.selected a {
background-color: transparent !important;
background: none !important;
color: #ffd700 !important;
border-bottom: 2px solid #ffd700 !important;
font-weight: 600 !important;
border-radius: 0 !important;
}

/* ===== 额外兜底：强制所有导航标签背景透明 ===== */
#left-navigation ul li,
#p-views ul li,
#p-cactions ul li,
#left-navigation ul li a,
#p-views ul li a,
#p-cactions ul li a {
background-color: transparent !important;
background: none !important;
}

/* 所有选中状态统一金色下划线 */
#left-navigation ul li.selected,
#p-views ul li.selected,
#p-cactions ul li.selected,
#left-navigation ul li.selected a,
#p-views ul li.selected a,
#p-cactions ul li.selected a {
background-color: transparent !important;
background: none !important;
color: #ffd700 !important;
border-bottom: 2px solid #ffd700 !important;
border-radius: 0 !important;
}

/* 所有悬停状态统一金色背景 */
#left-navigation ul li a:hover,
#p-views ul li a:hover,
#p-cactions ul li a:hover {
background-color: rgba(255, 215, 0, 0.12) !important;
background: rgba(255, 215, 0, 0.12) !important;
color: #ffd700 !important;
}

/* 图标列 - 自适应宽度 */
.wikitable .icon-cell {
width: 1%;
white-space: nowrap;
text-align: center;
vertical-align: middle;
}

/* 图标容器 - 固定大小并居中裁剪大图 */
.wikitable .icon-cell img {
width: 32px;
height: 32px;
object-fit: contain;
display: block;
margin: 0 auto;
}

/* ===== 战略配备 - 引用卡片样式 ===== */
.stratagem-card {
flex: 1;
border: 2px solid #ffd700;
border-radius: 8px;
padding: 16px 20px;
/* 暖灰深色渐变 - 从深灰到暖黑 */
background: linear-gradient(160deg, #2a2a2a, #1a1a1a, #121212);
color: #fff;
font-family: Arial, sans-serif;
}

.stratagem-badge {
font-size: 18px;
color: #ffd700;
font-weight: bold;
margin-bottom: -6px;
}

.stratagem-title {
font-size: 28px;
font-weight: bold;
margin-top: 8px;
}

.stratagem-desc {
font-size: 14px;
color: #aaa;
}

/* common.css */

.stratagem-table {
border-collapse: collapse;
width: 100%;
font-size: 18px;
}

.stratagem-table td {
padding: 6px 8px;
border: none;
vertical-align: middle;
}

.stratagem-table tr {
border-top: 1px solid #333;
}

.stratagem-table tr:first-child {
border-top: none;
}

/* "数据"和"满级舰船模块"保持灰色 */
.label-main {
color: #888;
}

/* "呼叫时间""使用次数""冷却时间"白色 */

/* 标签颜色条 */
.label-sub {
display: inline-flex;
align-items: center;
vertical-align: middle;
}

.label-sub .color-bar {
display: inline-block;
width: 6px;
height: 1em;
background: #ffffff;
flex-shrink: 0;
margin-right: 4px;
transform: translateY(-1px); /* 上移2px，如果还不够就继续加大数值 */
}

/* 数值列白色加粗 */
.stratagem-table td:nth-child(2),
.stratagem-table td:nth-child(4),
.stratagem-table td:nth-child(6) {
color: #fff;
font-weight: bold;
text-align: right;
}

/* ===== 战略配备弹头属性表格样式 ===== */
.table-stratagem {
width: 100%;
text-align: center;
border-collapse: collapse;
border: 1px solid #ccc;
font-family: 'Segoe UI', Arial, sans-serif;
}

.table-stratagem .header-title {
background-color: #f5f5f5;
color: #222;
font-size: 20px;
font-weight: bold;
padding: 12px 10px;
border-bottom: 2px solid #ccc;
}

.table-stratagem .header-col {
background-color: #e9e9e9;
color: #222;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 10px 12px;
border-bottom: 1px solid #ccc;
}

.table-stratagem .header-col-left {
border-right: 1px solid #ccc;
}

.table-stratagem .cell-key {
background-color: #f9f9f9;
color: #222;
font-size: 15px;
font-weight: 600;
text-align: center;
padding: 8px 12px;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
}

.table-stratagem .cell-value {
background-color: #ffffff;
color: #222;
font-size: 14px;
text-align: center;
padding: 8px 12px;
border-bottom: 1px solid #eee;
}

.table-stratagem .cell-value .main-value {
font-weight: bold;
}

.table-stratagem .cell-value .desc {
color: #888;
font-size: 12px;
font-weight: 400;
}

/* ===== 伤害属性表格样式 ===== */
.table-damage {
width: 100%;
text-align: center;
border-collapse: collapse;
border: 1px solid #ccc;
font-family: 'Segoe UI', Arial, sans-serif;
}

.table-damage .header-title {
background-color: #f5f5f5;
color: #222;
font-size: 20px;
font-weight: bold;
padding: 12px 10px;
border-bottom: 2px solid #ccc;
}

.table-damage .header-col {
background-color: #e9e9e9;
color: #222;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 10px 12px;
border-bottom: 1px solid #ccc;
}

.table-damage .header-col-left {
border-right: 1px solid #ccc;
}

.table-damage .cell-key {
background-color: #f9f9f9;
color: #222;
font-size: 15px;
font-weight: 600;
text-align: center;
padding: 8px 12px;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
}

.table-damage .cell-value {
background-color: #ffffff;
color: #222;
font-size: 14px;
text-align: center;
padding: 8px 12px;
border-bottom: 1px solid #eee;
}

.table-damage .cell-value .main-value {
font-weight: bold;
}

.table-damage .cell-value .desc {
color: #888;
font-size: 12px;
font-weight: 400;
}

/* 为伤害数值添加颜色标识（可选） */
.table-damage .cell-value .main-value[data-type="damage"] { color: #d32f2f; }
.table-damage .cell-value .main-value[data-type="penetration"] { color: #1976d2; }

/* ===== 爆炸属性表格样式 ===== */
.table-explosion {
width: 100%;
text-align: center;
border-collapse: collapse;
border: 1px solid #ccc;
font-family: 'Segoe UI', Arial, sans-serif;
}

.table-explosion .header-title {
background-color: #f5f5f5;
color: #222;
font-size: 20px;
font-weight: bold;
padding: 12px 10px;
border-bottom: 2px solid #ccc;
}

.table-explosion .header-col {
background-color: #e9e9e9;
color: #222;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 10px 12px;
border-bottom: 1px solid #ccc;
}

.table-explosion .header-col-left {
border-right: 1px solid #ccc;
}

.table-explosion .cell-key {
background-color: #f9f9f9;
color: #222;
font-size: 15px;
font-weight: 600;
text-align: center;
padding: 8px 12px;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
}

.table-explosion .cell-value {
background-color: #ffffff;
color: #222;
font-size: 14px;
text-align: center;
padding: 8px 12px;
border-bottom: 1px solid #eee;
}

.table-explosion .cell-value .main-value {
font-weight: bold;
}

.table-explosion .cell-value .desc {
color: #888;
font-size: 12px;
font-weight: 400;
}

/* 为不同数值类型添加颜色标识（可选） */
.table-explosion .cell-value .main-value[data-type="radius"] { color: #1976d2; }
.table-explosion .cell-value .main-value[data-type="boolean"] { color: #2e7d32; }
.table-explosion .cell-value .main-value[data-type="id"] { color: #d32f2f; }

/* 舰船模块升级表格 */
.ship-module-table {
width: 100%;
border-collapse: collapse;
font-size: 15px;
background: linear-gradient(160deg, #2a2a2a, #1a1a1a, #121212);
color: #fff;
border: 2px solid #ffd700;
border-radius: 8px;
overflow: hidden;
text-align: center;
}

.ship-module-table th,
.ship-module-table td {
padding: 10px 12px;
border: none;
background: transparent;
}

.ship-module-table th {
color: #ffd700;
font-weight: bold;
border-bottom: 2px solid #ffd700;
}

.ship-module-table td {
border-bottom: 1px solid #444;
}

.ship-module-table tr:last-child td {
border-bottom: none;
}

.ship-module-table .title-row {
font-size: 22px;
font-weight: bold;
color: #ffd700;
text-align: center;
border-bottom: 2px solid #ffd700;
}

.ship-module-table .col-name {
color: #fff;
font-weight: bold;
}

.ship-module-table .col-effect {
color: #ccc;
}

.ship-module-table .col-type {
color: #ffd700;
}

.ship-module-table .col-center {
text-align: center;
color: #fff;
}

.ship-module-table .col-zero {
text-align: center;
color: #666;
}

.ship-module-table .col-upgrade {
color: #4caf50;
font-weight: bold;
}

/* ============================================================
修复右上角 "监视" 按钮图标 + "更多" 菜单样式
============================================================ */

/* ===== "监视/取消监视" 按钮 - 修复图标显示 ===== */
#ca-watch,
#ca-unwatch {
background-color: transparent !important;
background: none !important;
}

#ca-watch a,
#ca-unwatch a {
background-color: transparent !important;
background: none !important;
color: #aaaaaa !important;
padding: 6px 14px 6px 32px !important;
/* 左侧留出图标空间 */
margin: 0 2px !important;
font-weight: 500 !important;
font-size: 13px !important;
transition: all 0.25s ease !important;
border: none !important;
border-radius: 4px 4px 0 0 !important;
position: relative !important;
display: inline-block !important;
}

/* 监视图标 - 使用 Unicode 修复 */
#ca-watch a::before,
#ca-unwatch a::before {
content: '☆' !important;
/* 空心星 */
position: absolute !important;
left: 10px !important;
top: 50% !important;
transform: translateY(-50%) !important;
font-size: 16px !important;
color: #aaaaaa !important;
transition: all 0.25s ease !important;
}

#ca-unwatch a::before {
content: '★' !important;
/* 实心星 */
color: #ffd700 !important;
}

#ca-watch a:hover::before {
color: #ffd700 !important;
}

#ca-watch a:hover,
#ca-unwatch a:hover {
background-color: rgba(255, 215, 0, 0.12) !important;
color: #ffd700 !important;
text-decoration: none !important;
}

#ca-watch a:hover::before {
color: #ffd700 !important;
}

/* ===== "更多" 下拉菜单 (p-cactions) ===== */
#p-cactions {
background-color: transparent !important;
background: none !important;
}

#p-cactions ul {
background-color: transparent !important;
background: none !important;
}

#p-cactions ul li {
background-color: transparent !important;
background: none !important;
}

#p-cactions ul li a {
background-color: transparent !important;
background: none !important;
color: #aaaaaa !important;
padding: 6px 14px !important;
margin: 0 2px !important;
font-weight: 500 !important;
font-size: 13px !important;
transition: all 0.25s ease !important;
border: none !important;
border-radius: 4px 4px 0 0 !important;
}

#p-cactions ul li a:hover {
background-color: rgba(255, 215, 0, 0.12) !important;
color: #ffd700 !important;
text-decoration: none !important;
}

/* "更多" 下拉菜单的容器 - 修复背景 */
#p-cactions .vector-menu-content {
background-color: transparent !important;
background: none !important;
}

/* "更多" 下拉列表 - 展开时 */
#p-cactions .vector-menu-content ul {
background-color: rgba(32, 32, 32, 0.95) !important;
border: 1px solid rgba(255, 215, 0, 0.3) !important;
border-radius: 4px !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5) !important;
padding: 4px 0 !important;
}

#p-cactions .vector-menu-content ul li {
background-color: transparent !important;
background: none !important;
margin: 0 !important;
padding: 0 !important;
}

#p-cactions .vector-menu-content ul li a {
background-color: transparent !important;
background: none !important;
color: #cccccc !important;
padding: 6px 16px !important;
margin: 0 !important;
border-radius: 0 !important;
font-weight: 400 !important;
font-size: 13px !important;
display: block !important;
transition: all 0.2s ease !important;
border: none !important;
}

#p-cactions .vector-menu-content ul li a:hover {
background-color: rgba(255, 215, 0, 0.15) !important;
color: #ffd700 !important;
}

/* "更多" 按钮本身的样式 */
#p-cactions-label a {
background-color: transparent !important;
color: #aaaaaa !important;
padding: 6px 14px !important;
font-weight: 500 !important;
font-size: 13px !important;
transition: all 0.25s ease !important;
}

MediaWiki:Common.css

2026-08-01T07:34:48Z

Lyx：

MediaWiki:Common.css

2026-08-01T07:33:03Z

Lyx：

MediaWiki:Common.css

2026-08-01T07:32:16Z

Lyx：

2026-07-12T09:31:53Z

Lyx：

MediaWiki:Common.css

2026-07-12T09:28:02Z

Lyx：

MediaWiki:Common.css

2026-07-12T09:26:16Z

Lyx：

MediaWiki:Common.css

2026-07-12T09:23:11Z

Lyx：

MediaWiki:Common.css

2026-07-12T09:19:43Z

Lyx：

/* ============================================================
主题色：深灰 #202020 / 金色 #ffd700
完整版 - 所有效果整合 + Logo修复 + Sidebar强制
============================================================ */

/* ===== 页面背景大图设置 ===== */
body {
background-image: url("https://helldivers-zh.wiki/wiki/images/f/f9/%E8%B5%84%E6%96%99%E7%AB%99%E8%83%8C%E6%99%AF.png");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
background-size: cover;
background-color: #202020;
}

/* ===== 所有内容区域透明 ===== */
#content {
background-color: transparent;
}

#footer {
background-color: transparent;
}

/* ===== 头部透明 ===== */
#mw-page-base {
background-color: transparent !important;
background-image: none !important;
}

#mw-head {
background-color: transparent !important;
background-image: none !important;
}

#mw-head-base {
background-color: transparent !important;
background-image: none !important;
}

/* ===== 主内容区 ===== */
.mw-body {
background-color: rgba(32, 32, 32, 0.92) !important;
color: #e8e8e8 !important;
border-radius: 8px !important;
border-left: 3px solid #ffd700 !important;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5) !important;
position: relative !important;
overflow: hidden !important;
}

/* ===== 金色光晕点缀 - 内容区右上角 ===== */
.mw-body::before {
content: '' !important;
position: absolute !important;
top: -50px !important;
right: -50px !important;
width: 200px !important;
height: 200px !important;
background: radial-gradient(circle, rgba(255, 215, 0, 0.03), transparent 70%) !important;
pointer-events: none !important;
border-radius: 50% !important;
z-index: 0 !important;
}

/* ===== 左侧导航面板 ===== */
#mw-panel {
background-color: rgba(32, 32, 32, 0.85) !important;
border-radius: 8px !important;
border-right: 2px solid #ffd700 !important;
padding: 10px 0 !important;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.4) !important;
}

#mw-panel .portal {
background-color: transparent !important;
}

#mw-panel .portal .body {
background-color: transparent !important;
}

/* ===== 侧边栏标题（h3）金色 ===== */
#mw-panel .portal h3 {
color: #ffd700 !important;
font-weight: 600;
padding-left: 12px;
border-bottom: 1px solid rgba(255, 215, 0, 0.2);
padding-bottom: 4px;
}

/* ============================================================
强制修复侧边栏（Sidebar）- 最高优先级
============================================================ */

/* 强制侧边栏所有链接基础色 */
#mw-panel a,
#mw-panel .portal .body ul li a,
.mw-portlet .body ul li a,
.portal .body ul li a {
color: #cccccc !important;
text-decoration: none !important;
border-radius: 4px !important;
padding: 3px 12px !important;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
position: relative !important;
display: block !important;
background-color: transparent !important;
}

/* 强制侧边栏链接悬停变金色 */
#mw-panel a:hover,
#mw-panel .portal .body ul li a:hover,
.mw-portlet .body ul li a:hover,
.portal .body ul li a:hover {
color: #ffd700 !important;
background-color: rgba(255, 215, 0, 0.15) !important;
text-shadow: 0 0 20px rgba(255, 215, 0, 0.15) !important;
transform: translateX(4px) !important;
text-decoration: none !important;
}

/* 强制侧边栏链接左侧金色小竖条 */
#mw-panel .portal .body ul li a::before,
.mw-portlet .body ul li a::before,
.portal .body ul li a::before {
content: '' !important;
position: absolute !important;
left: 0 !important;
top: 50% !important;
transform: translateY(-50%) scaleY(0) !important;
width: 3px !important;
height: 60% !important;
background: #ffd700 !important;
border-radius: 0 4px 4px 0 !important;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
opacity: 0 !important;
}

/* 悬停时金色小竖条滑入 */
#mw-panel .portal .body ul li a:hover::before,
.mw-portlet .body ul li a:hover::before,
.portal .body ul li a:hover::before {
transform: translateY(-50%) scaleY(1) !important;
opacity: 1 !important;
}

/* ============================================================
强制修复Logo - 不超出边框 + 无悬停动画
============================================================ */

/* Logo容器 - 限制宽度，移除动画 */
#p-logo {
max-width: 100% !important;
width: 100% !important;
overflow: hidden !important;
box-sizing: border-box !important;
background-color: rgba(32, 32, 32, 0.7) !important;
border-radius: 8px !important;
padding: 6px !important;
margin-bottom: 10px !important;
border: 1px solid rgba(255, 215, 0, 0.2) !important;
animation: none !important;
transition: none !important;
transform: none !important;
}

/* Logo链接 - 限制宽度，移除悬停效果 */
#p-logo a {
display: block !important;
max-width: 100% !important;
width: 100% !important;
overflow: hidden !important;
transition: none !important;
transform: none !important;
animation: none !important;
box-shadow: none !important;
}

/* Logo图片 - 自适应宽度，不移位 */
#p-logo a img,
#p-logo img {
max-width: 100% !important;
width: auto !important;
height: auto !important;
display: block !important;
transition: none !important;
transform: none !important;
animation: none !important;
}

/* 彻底禁用Logo上的任何悬停效果 */
#p-logo:hover,
#p-logo a:hover,
#p-logo a:hover img,
#p-logo img:hover {
transform: none !important;
animation: none !important;
transition: none !important;
box-shadow: none !important;
border-color: rgba(255, 215, 0, 0.2) !important;
}

/* ===== 个人工具菜单（右上角） ===== */
#p-personal {
background-color: rgba(32, 32, 32, 0.8);
border-radius: 8px;
padding: 4px 14px;
border: 1px solid rgba(255, 215, 0, 0.2);
}

#p-personal li a {
color: #cccccc !important;
transition: color 0.2s ease;
}

#p-personal li a:hover {
color: #ffd700 !important;
text-decoration: none;
}

/* ===== 底部 ===== */
#footer {
background-color: rgba(32, 32, 32, 0.85) !important;
border-radius: 8px;
padding: 12px 20px;
border-top: 2px solid #ffd700;
color: #aaaaaa !important;
}

#footer a {
color: #ffd700 !important;
}

#footer a:hover {
color: #ffe066 !important;
}

/* ============================================================
超链接颜色 - 金色主题 + 动态效果
============================================================ */

/* 普通链接 */
.mw-body a,
#content a,
.mw-content-ltr a {
color: #ffd700 !important;
text-decoration: none !important;
transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
position: relative !important;
}

/* 已访问链接 */
.mw-body a:visited,
#content a:visited {
color: #d4a800 !important;
}

/* 悬停效果 - 上浮 + 发光 */
.mw-body a:hover,
#content a:hover {
color: #ffe066 !important;
text-shadow: 0 0 20px rgba(255, 215, 0, 0.3), 0 0 60px rgba(255, 215, 0, 0.1) !important;
transform: translateY(-1px) !important;
}

/* 链接下划线动画 - 悬停时从中间展开（侧边栏除外） */
.mw-body a::after,
#content a::after {
content: '' !important;
position: absolute !important;
bottom: -2px !important;
left: 50% !important;
width: 0 !important;
height: 2px !important;
background: linear-gradient(90deg, #ffd700, #ffe066) !important;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
transform: translateX(-50%) !important;
border-radius: 2px !important;
}

.mw-body a:hover::after,
#content a:hover::after {
width: 80% !important;
}

/* 侧边栏链接不应用下划线动画 */
#mw-panel a::after {
display: none !important;
}

/* ===== 外部链接特殊样式 - 加个小图标 ===== */
.mw-body a.external,
#content a.external {
padding-right: 18px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffd700' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right center !important;
background-size: 12px !important;
}

.mw-body a.external:hover,
#content a.external:hover {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23ffe066' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'%3E%3C/path%3E%3Cpolyline points='15 3 21 3 21 9'%3E%3C/polyline%3E%3Cline x1='10' y1='14' x2='21' y2='3'%3E%3C/line%3E%3C/svg%3E") !important;
}

/* ============================================================
顶部标签栏（页面、讨论、编辑、查看源代码等）
============================================================ */

#p-views ul li a,
#p-cactions ul li a {
background-color: rgba(32, 32, 32, 0.7) !important;
border: none !important;
border-radius: 6px 6px 0 0 !important;
padding: 6px 14px !important;
margin: 0 2px !important;
color: #aaaaaa !important;
font-weight: 500 !important;
transition: all 0.25s ease !important;
}

#p-views ul li a:hover,
#p-cactions ul li a:hover {
background-color: rgba(255, 215, 0, 0.15) !important;
color: #ffd700 !important;
transform: translateY(-2px) !important;
}

/* 当前选中的标签页 */
#p-views ul li.selected a,
#p-cactions ul li.selected a {
background-color: rgba(32, 32, 32, 0.95) !important;
color: #ffd700 !important;
border-bottom: 2px solid #ffd700 !important;
font-weight: 600 !important;
}

/* ===== 编辑按钮 ===== */
#ca-edit a {
background-color: rgba(255, 215, 0, 0.12) !important;
color: #ffd700 !important;
font-weight: 600 !important;
}

#ca-edit a:hover {
background-color: rgba(255, 215, 0, 0.25) !important;
color: #ffe066 !important;
transform: translateY(-2px) !important;
box-shadow: 0 4px 20px rgba(255, 215, 0, 0.15) !important;
}

/* ===== 查看源代码按钮 ===== */
#ca-viewsource a {
background-color: rgba(255, 215, 0, 0.06) !important;
color: #aaaaaa !important;
}

#ca-viewsource a:hover {
background-color: rgba(255, 215, 0, 0.15) !important;
color: #ffd700 !important;
}

/* ===== 搜索框 ===== */
#searchInput {
border-radius: 20px !important;
border: 1px solid rgba(255, 215, 0, 0.3) !important;
background-color: rgba(32, 32, 32, 0.8) !important;
color: #e8e8e8 !important;
padding: 5px 14px !important;
transition: all 0.3s ease !important;
}

#searchInput:focus {
background-color: rgba(32, 32, 32, 0.95) !important;
border-color: #ffd700 !important;
box-shadow: 0 0 0 3px rgba(255, 215, 0, 0.15), 0 0 40px rgba(255, 215, 0, 0.05) !important;
outline: none;
}

/* 搜索按钮 */
#searchButton {
border-radius: 20px !important;
background: linear-gradient(135deg, #ffd700, #f0c000) !important;
border: none !important;
color: #202020 !important;
font-weight: 600 !important;
padding: 5px 16px !important;
transition: all 0.3s ease !important;
cursor: pointer !important;
}

#searchButton:hover {
transform: scale(1.05) !important;
box-shadow: 0 4px 25px rgba(255, 215, 0, 0.3) !important;
background: linear-gradient(135deg, #ffe033, #ffd700) !important;
}

/* ===== 标题文字 ===== */
.mw-body h1,
.mw-body h2,
.mw-body h3,
.mw-body h4 {
color: #ffd700 !important;
border-bottom-color: rgba(255, 215, 0, 0.2) !important;
}

/* ===== 内容区文字 ===== */
.mw-body p,
.mw-body li,
.mw-body .mw-content-ltr {
color: #d0d0d0 !important;
}

/* ============================================================
页面加载淡入动画（Logo已移除动画）
============================================================ */
.mw-body,
#mw-panel,
#footer {
animation: fadeInUp 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) both !important;
}

#mw-panel {
animation-delay: 0.05s !important;
}

.mw-body {
animation-delay: 0.1s !important;
}

#footer {
animation-delay: 0.15s !important;
}

@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

/* 图标列 - 自适应宽度 */
.wikitable .icon-cell {
width: 1%;
white-space: nowrap;
text-align: center;
vertical-align: middle;
}

/* 图标容器 - 固定大小并居中裁剪大图 */
.wikitable .icon-cell img {
width: 32px;
height: 32px;
object-fit: contain;
display: block;
margin: 0 auto;
}

/* ===== 战略配备 - 引用卡片样式 ===== */
.stratagem-card {
flex: 1;
border: 2px solid #ffd700;
border-radius: 8px;
padding: 16px 20px;
/* 暖灰深色渐变 - 从深灰到暖黑 */
background: linear-gradient(160deg, #2a2a2a, #1a1a1a, #121212);
color: #fff;
font-family: Arial, sans-serif;
}

.stratagem-badge {
font-size: 18px;
color: #ffd700;
font-weight: bold;
margin-bottom: -6px;
}

.stratagem-title {
font-size: 28px;
font-weight: bold;
margin-top: 8px;
}

.stratagem-desc {
font-size: 14px;
color: #aaa;
}

/* common.css */

.stratagem-table {
border-collapse: collapse;
width: 100%;
font-size: 18px;
}

.stratagem-table td {
padding: 6px 8px;
border: none;
vertical-align: middle;
}

.stratagem-table tr {
border-top: 1px solid #333;
}

.stratagem-table tr:first-child {
border-top: none;
}

/* "数据"和"满级舰船模块"保持灰色 */
.label-main {
color: #888;
}

/* "呼叫时间""使用次数""冷却时间"白色 */

/* 标签颜色条 */
.label-sub {
display: inline-flex;
align-items: center;
vertical-align: middle;
}

.label-sub .color-bar {
display: inline-block;
width: 6px;
height: 1em;
background: #ffffff;
flex-shrink: 0;
margin-right: 4px;
transform: translateY(-1px); /* 上移2px，如果还不够就继续加大数值 */
}

/* 数值列白色加粗 */
.stratagem-table td:nth-child(2),
.stratagem-table td:nth-child(4),
.stratagem-table td:nth-child(6) {
color: #fff;
font-weight: bold;
text-align: right;
}

/* ===== 战略配备弹头属性表格样式 ===== */
.table-stratagem {
width: 100%;
text-align: center;
border-collapse: collapse;
border: 1px solid #ccc;
font-family: 'Segoe UI', Arial, sans-serif;
}

.table-stratagem .header-title {
background-color: #f5f5f5;
color: #222;
font-size: 20px;
font-weight: bold;
padding: 12px 10px;
border-bottom: 2px solid #ccc;
}

.table-stratagem .header-col {
background-color: #e9e9e9;
color: #222;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 10px 12px;
border-bottom: 1px solid #ccc;
}

.table-stratagem .header-col-left {
border-right: 1px solid #ccc;
}

.table-stratagem .cell-key {
background-color: #f9f9f9;
color: #222;
font-size: 15px;
font-weight: 600;
text-align: center;
padding: 8px 12px;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
}

.table-stratagem .cell-value {
background-color: #ffffff;
color: #222;
font-size: 14px;
text-align: center;
padding: 8px 12px;
border-bottom: 1px solid #eee;
}

.table-stratagem .cell-value .main-value {
font-weight: bold;
}

.table-stratagem .cell-value .desc {
color: #888;
font-size: 12px;
font-weight: 400;
}

/* ===== 伤害属性表格样式 ===== */
.table-damage {
width: 100%;
text-align: center;
border-collapse: collapse;
border: 1px solid #ccc;
font-family: 'Segoe UI', Arial, sans-serif;
}

.table-damage .header-title {
background-color: #f5f5f5;
color: #222;
font-size: 20px;
font-weight: bold;
padding: 12px 10px;
border-bottom: 2px solid #ccc;
}

.table-damage .header-col {
background-color: #e9e9e9;
color: #222;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 10px 12px;
border-bottom: 1px solid #ccc;
}

.table-damage .header-col-left {
border-right: 1px solid #ccc;
}

.table-damage .cell-key {
background-color: #f9f9f9;
color: #222;
font-size: 15px;
font-weight: 600;
text-align: center;
padding: 8px 12px;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
}

.table-damage .cell-value {
background-color: #ffffff;
color: #222;
font-size: 14px;
text-align: center;
padding: 8px 12px;
border-bottom: 1px solid #eee;
}

.table-damage .cell-value .main-value {
font-weight: bold;
}

.table-damage .cell-value .desc {
color: #888;
font-size: 12px;
font-weight: 400;
}

/* 为伤害数值添加颜色标识（可选） */
.table-damage .cell-value .main-value[data-type="damage"] { color: #d32f2f; }
.table-damage .cell-value .main-value[data-type="penetration"] { color: #1976d2; }

/* ===== 爆炸属性表格样式 ===== */
.table-explosion {
width: 100%;
text-align: center;
border-collapse: collapse;
border: 1px solid #ccc;
font-family: 'Segoe UI', Arial, sans-serif;
}

.table-explosion .header-title {
background-color: #f5f5f5;
color: #222;
font-size: 20px;
font-weight: bold;
padding: 12px 10px;
border-bottom: 2px solid #ccc;
}

.table-explosion .header-col {
background-color: #e9e9e9;
color: #222;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 10px 12px;
border-bottom: 1px solid #ccc;
}

.table-explosion .header-col-left {
border-right: 1px solid #ccc;
}

.table-explosion .cell-key {
background-color: #f9f9f9;
color: #222;
font-size: 15px;
font-weight: 600;
text-align: center;
padding: 8px 12px;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
}

.table-explosion .cell-value {
background-color: #ffffff;
color: #222;
font-size: 14px;
text-align: center;
padding: 8px 12px;
border-bottom: 1px solid #eee;
}

.table-explosion .cell-value .main-value {
font-weight: bold;
}

.table-explosion .cell-value .desc {
color: #888;
font-size: 12px;
font-weight: 400;
}

/* 为不同数值类型添加颜色标识（可选） */
.table-explosion .cell-value .main-value[data-type="radius"] { color: #1976d2; }
.table-explosion .cell-value .main-value[data-type="boolean"] { color: #2e7d32; }
.table-explosion .cell-value .main-value[data-type="id"] { color: #d32f2f; }

/* 舰船模块升级表格 */
.ship-module-table {
width: 100%;
border-collapse: collapse;
font-size: 15px;
background: linear-gradient(160deg, #2a2a2a, #1a1a1a, #121212);
color: #fff;
border: 2px solid #ffd700;
border-radius: 8px;
overflow: hidden;
text-align: center;
}

.ship-module-table th,
.ship-module-table td {
padding: 10px 12px;
border: none;
background: transparent;
}

.ship-module-table th {
color: #ffd700;
font-weight: bold;
border-bottom: 2px solid #ffd700;
}

.ship-module-table td {
border-bottom: 1px solid #444;
}

.ship-module-table tr:last-child td {
border-bottom: none;
}

.ship-module-table .title-row {
font-size: 22px;
font-weight: bold;
color: #ffd700;
text-align: center;
border-bottom: 2px solid #ffd700;
}

.ship-module-table .col-name {
color: #fff;
font-weight: bold;
}

.ship-module-table .col-effect {
color: #ccc;
}

.ship-module-table .col-type {
color: #ffd700;
}

.ship-module-table .col-center {
text-align: center;
color: #fff;
}

.ship-module-table .col-zero {
text-align: center;
color: #666;
}

.ship-module-table .col-upgrade {
color: #4caf50;
font-weight: bold;
}