img.hitandrun {
    width: 35px;
    height: 12px;
    background: url(icons.gif) no-repeat -100px -171px;
    margin-left: 0.5em;
}
.spoiler-title {
    line-height: 28px;
    color: #4d6c99;
    cursor: pointer;
    font-weight: 700;
    background-color: rgba(77, 108, 153, 0.1);
    display: inline-block;
    padding: 0 10px;
}
.spoiler-content {
    display: inline-block;
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
}
.layui-layer {
    color: black;
}
.layer-form {
    padding: 10px 15px;
}
.layer-form .form-control-row input{
    padding: 4px;
}
.layer-form .form-control-row .label{
    margin-bottom: 4px;
}
.rainbow {
    text-align: center;
    text-decoration: underline;
    /*font-size: 32px;*/
    /*font-family: monospace;*/
    /*letter-spacing: 5px;*/
    background: linear-gradient(to right, #6666ff, #0099ff , #00ff00, #ff3399, #6666ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: rainbow_animation 6s ease-in-out infinite;
    background-size: 400% 100%;
}

@keyframes rainbow_animation {
    0%,100% {
        background-position: 0 0;
    }

    50% {
        background-position: 100% 0;
    }
}
.nexus-media-info-raw {
    padding: 0 0.5rem;
    border: none;
}
.nexus-media-info-raw .spoiler-title-box{
    text-align: center;
}
.nexus-media-info-raw pre {
    white-space: break-spaces;
}

/* =========================================== */
/* Modern Dark Theme - Injected by User */
/* =========================================== */
:root {
    --color-primary: #6366f1;
    --color-primary-hover: #4f46e5;
    --color-bg: #0f172a;
    --color-bg-card: #1e293b;
    --color-text: #f1f5f9;
    --color-text-muted: #94a3b8;
    --color-border: #334155;
    --radius: 1rem;
}

/* 基础页面重置 */
body {
    background-color: var(--color-bg) !important;
    color: var(--color-text) !important;
    font-family: system-ui, -apple-system, sans-serif !important;
    line-height: 1.6 !important;
}

/* 导航栏 */
#navtop, .navbar, #navigation, table.head {
    background: rgba(30, 41, 59, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    border-color: var(--color-border) !important;
}
#navtop a, .navbar a, #navigation a {
    color: var(--color-text) !important;
}

/* 按钮 */
input[type="submit"],
input[type="button"],
button,
.btn,
a.btn {
    background: linear-gradient(135deg, var(--color-primary), #8b5cf6) !important;
    color: white !important;
    border: none !important;
    border-radius: var(--radius) !important;
    padding: 0.75rem 1.5rem !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: all 0.3s ease !important;
    display: inline-block;
}
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
.btn:hover,
a.btn:hover {
    background: linear-gradient(135deg, var(--color-primary-hover), #7c3aed) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px rgba(99, 102, 241, 0.3) !important;
}

/* 内容区块/卡片 */
.panel,
.box,
.block,
.section,
.border,
table.main:not(.outer) > tbody > tr > td {
    background-color: var(--color-bg-card) !important;
    border: 1px solid var(--color-border) !important;
    border-radius: var(--radius) !important;
    padding: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    color: var(--color-text) !important;
}

/* 表格行悬停 */
table tr:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* 链接 */
a {
    color: var(--color-primary) !important;
    text-decoration: none !important;
}
a:hover {
    color: #c7d2fe !important;
    text-decoration: underline !important;
}

/* 通用文本 */
body .textbody,
body p,
body span:not(.badge),
body li {
    color: var(--color-text) !important;
}

/* =========================================== */
/* 修复：导航栏布局 (防止竖向排列) */
/* =========================================== */

/* 针对导航栏容器 - 只改背景，不影响布局 */
#navtop,
#navigation,
table.head,
.navbar {
    /* 只设置背景相关属性，不碰 display, float, clear 等 */
    background: rgba(30, 41, 59, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    border-color: var(--color-border) !important;
    /* 确保布局属性不被意外修改 */
    display: block !important;
    float: none !important;
    clear: none !important;
}

/* 针对导航栏内部的列表项 (通常是 <li>) - 让它们恢复横向 */
#navtop ul,
#navigation ul,
.navbar ul,
#navtop li,
#navigation li,
.navbar li {
    display: inline-block !important; /* 或 inline !important */
    float: left !important; /* 传统横向布局 */
    margin-right: 1em !important;
    /* 重置我们可能误伤的宽度、边距等 */
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 针对导航栏链接 - 只改颜色 */
#navtop a,
#navigation a,
.navbar a,
table.head a {
    color: var(--color-text) !important;
    text-decoration: none !important;
    padding: 0.5em 1em !important;
    display: block !important; /* 让链接填充整个li区域 */
}

/* 可选：添加悬停效果 */
#navtop a:hover,
#navigation a:hover,
.navbar a:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-radius: calc(var(--radius) / 2) !important;
}

/* =========================================== */
/* 精准修复：针对顶部导航菜单 ul#mainmenu */
/* =========================================== */

/* 1. 首先，找到并重置包裹 #mainmenu 的父容器背景和布局 */
/* 常见父容器是 #navtop 或 #navigation，我们两个都覆盖以确保 */
#navtop,
#navigation {
    background: rgba(30, 41, 59, 0.95) !important;
    backdrop-filter: blur(10px) !important;
    border-bottom: 1px solid var(--color-border) !important;
    padding: 0.5rem 0 !important; /* 给菜单一些上下间距 */
}

/* 2. 核心：强制 #mainmenu 本身及其所有子元素横向排列 */
ul#mainmenu.menu {
    /* 重置默认列表样式 */
    list-style: none !important;
    margin: 0 auto !important; /* 居中 */
    padding: 0 !important;
    /* 使用 Flexbox 进行稳健的横向布局 */
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important; /* 菜单项居中，如需要靠左可改为 flex-start */
    align-items: center !important;
    height: auto !important;
    width: 100% !important;
    max-width: 1200px !important; /* 可选：限制最大宽度，防止在大屏幕上过散 */
}

/* 3. 强制每个菜单项横向排列 */
ul#mainmenu.menu > li {
    float: none !important;
    display: block !important; /* 作为 flex 子项，block 即可 */
    margin: 0 2px !important; /* 调整菜单项之间的间距 */
    padding: 0 !important;
    position: relative !important;
}

/* 4. 美化菜单链接 */
ul#mainmenu.menu > li > a {
    color: var(--color-text) !important;
    background-color: transparent !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    padding: 0.8rem 1.2rem !important;
    display: block !important;
    line-height: 1.2 !important;
    border-radius: calc(var(--radius) / 3) !important;
    transition: all 0.25s ease !important;
    white-space: nowrap !important; /* 防止链接文字换行 */
    border: 1px solid transparent !important; /* 为悬停效果预留 */
}

/* 5. 菜单链接悬停和激活状态 */
ul#mainmenu.menu > li > a:hover,
ul#mainmenu.menu > li > a:focus {
    background-color: rgba(99, 102, 241, 0.2) !important; /* 使用主色调 */
    color: #c7d2fe !important;
    border-color: var(--color-primary) !important;
    transform: translateY(-1px);
}

/* 6. 可选：当前页面高亮 (需要NexusPHP添加 .current 类) */
ul#mainmenu.menu > li.current > a {
    background: linear-gradient(135deg, var(--color-primary), #8b5cf6) !important;
    color: white !important;
    font-weight: 600 !important;
}

/* =========================================== */
/* 修复：用户控制面板等页面的表格表头 .rowhead */
/* =========================================== */

/* 关键：确保 .rowhead 单元格保持表格单元格特性，不会竖向堆叠 */
table .rowhead,
table tr .rowhead,
td.rowhead {
    display: table-cell !important; /* 恢复为表格单元格 */
    float: none !important; /* 清除可能存在的浮动 */
    width: auto !important; /* 宽度自动 */
    white-space: nowrap !important; /* 文字不换行 */
    vertical-align: top !important; /* 顶部对齐 */
    text-align: right !important; /* 文字右对齐，保持原有样式 */
    padding: 8px !important; /* 恢复内边距 */
    background-color: var(--color-bg-card) !important; /* 应用你的主题色 */
    color: var(--color-text) !important; /* 应用你的主题色 */
    border: 1px solid var(--color-border) !important; /* 应用你的边框 */
}

/* 顺便修复可能受影响的普通表格单元格 */
table.main td {
    display: table-cell !important;
    float: none !important;
}

/* =========================================== */
/* 完整修复：区分顶部菜单与用户面板侧边栏菜单 */
/* =========================================== */

/* --- 第一部分：顶部主导航菜单 (ul#mainmenu) --- */
/* 目标：强制横向，且只影响这一个 */
ul#mainmenu.menu {
    /* 布局：横向Flexbox */
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important; /* 可改为 flex-start 靠左 */
    align-items: center !important;
    /* 重置列表样式 */
    list-style: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 1200px !important;
    background-color: transparent !important; /* 背景透明，由父容器提供 */
}

ul#mainmenu.menu > li {
    float: none !important;
    display: block !important;
    margin: 0 2px !important;
    padding: 0 !important;
}

/* --- 第二部分：用户控制面板侧边栏菜单 (ul#usercpmenu) --- */
/* 目标：强制竖向，且只影响这一个 */
ul#usercpmenu.menu {
    /* 布局：竖向Flexbox */
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    align-items: stretch !important; /* 让子项拉伸填满宽度 */
    /* 重置列表样式 */
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    background-color: transparent !important;
}

ul#usercpmenu.menu > li {
    float: none !important;
    display: block !important;
    margin: 0 0 3px 0 !important; /* 上下间距，左右无间距 */
    padding: 0 !important;
    width: 100% !important;
}

/* --- 第三部分：两个菜单的链接共用样式 (可自定义) --- */
ul#mainmenu.menu > li > a,
ul#usercpmenu.menu > li > a {
    color: var(--color-text) !important;
    text-decoration: none !important;
    font-weight: 500 !important;
    display: block !important;
    line-height: 1.4 !important;
    border-radius: calc(var(--radius) / 3) !important;
    transition: all 0.25s ease !important;
    border: 1px solid transparent !important;
    text-align: center !important;
}

/* 顶部菜单链接样式 (横向，较宽) */
ul#mainmenu.menu > li > a {
    padding: 0.8rem 1.2rem !important;
    white-space: nowrap !important;
}

/* 侧边栏菜单链接样式 (竖向，填满) */
ul#usercpmenu.menu > li > a {
    padding: 0.8rem 1rem !important;
    text-align: left !important; /* 侧边栏文字通常左对齐 */
}

/* --- 第四部分：两个菜单的链接悬停和选中状态 --- */
ul#mainmenu.menu > li > a:hover,
ul#mainmenu.menu > li > a:focus,
ul#usercpmenu.menu > li > a:hover,
ul#usercpmenu.menu > li > a:focus {
    background-color: rgba(99, 102, 241, 0.2) !important;
    color: #c7d2fe !important;
    border-color: var(--color-primary) !important;
}
ul#mainmenu.menu > li > a:hover,
ul#mainmenu.menu > li > a:focus {
    transform: translateY(-1px);
}

/* 选中状态 (当 li 有 .selected 类时) */
ul#mainmenu.menu > li.selected > a,
ul#usercpmenu.menu > li.selected > a {
    background: linear-gradient(135deg, var(--color-primary), #8b5cf6) !important;
    color: white !important;
    font-weight: 600 !important;
}

/* =========================================== */
/* 调整：用户控制面板内容区菜单 (ul#usercpmenu) 改为横向 */
/* =========================================== */

/* 覆盖之前竖向布局的规则，改为横向Flexbox */
ul#usercpmenu.menu {
    display: flex !important;
    flex-direction: row !important; /* 关键：改为横向 */
    flex-wrap: wrap !important; /* 如果选项多，允许换行 */
    justify-content: center !important; /* 居中，可改为 flex-start */
    align-items: center !important;
    list-style: none !important;
    margin: 1rem auto !important; /* 增加一些上下外边距 */
    padding: 0 !important;
    width: 100% !important;
    background-color: transparent !important;
    border-bottom: 1px solid var(--color-border) !important; /* 添加底部边框作为视觉分隔 */
}

ul#usercpmenu.menu > li {
    float: none !important;
    display: block !important;
    margin: 0 2px 5px 2px !important; /* 左右间距，底部间距 */
    padding: 0 !important;
    width: auto !important; /* 宽度自适应，不拉伸 */
}

/* 调整链接样式，更适合横向紧凑排列 */
ul#usercpmenu.menu > li > a {
    padding: 0.6rem 1rem !important; /* 比顶部菜单稍小 */
    text-align: center !important; /* 文字居中 */
    white-space: nowrap !important; /* 防止文字换行 */
    background-color: var(--color-bg-card) !important; /* 添加背景色 */
    border: 1px solid var(--color-border) !important;
}

/* 悬停和选中状态 */
ul#usercpmenu.menu > li > a:hover,
ul#usercpmenu.menu > li > a:focus {
    background-color: rgba(99, 102, 241, 0.25) !important;
    transform: translateY(-1px);
}
ul#usercpmenu.menu > li.selected > a {
    background: linear-gradient(135deg, var(--color-primary), #8b5cf6) !important;
    color: white !important;
    border-color: var(--color-primary) !important;
}

/* =================================================== */
/* 纯CSS高级设计：浅色纹理背景与Judas艺术字 */
/* =================================================== */

/* 1. 引入一款优雅的英文字体用于艺术字 (Google Fonts) */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400&family=Dancing+Script:wght@700&display=swap');

/* --- 2. 重新定义主题色为淡色系 (覆盖之前的深色变量) --- */
:root {
    /* 主色调：高级灰绿色系 */
    --color-primary: #7b9e8f;
    --color-primary-hover: #6a8d7e;
    /* 背景色：浅色基底 */
    --color-bg: #f9f7f4;
    --color-bg-card: #ffffff;
    /* 文字色：深灰色，确保在浅色背景上可读 */
    --color-text: #333333;
    --color-text-muted: #666666;
    --color-border: #e0dcd5;
    --radius: 1rem;
}

/* --- 3. 核心：为顶部区域(.head)生成浅色纹理背景 --- */
table.head {
    /* A. 基础底色：浅米白渐变 */
    background: linear-gradient(135deg, #f8f5f2 0%, #fffefc 100%) !important;
    /* B. 叠加纹理1：极细的垂直线条，模拟布纹 */
    background-image: 
        linear-gradient(90deg, transparent 99%, rgba(0,0,0,0.03) 100%) !important;
    background-size: 30px 100% !important;
    /* C. 叠加纹理2：噪点滤镜，增加纸张质感 (关键效果) */
    position: relative !important;
    border-bottom: none !important;
    min-height: 200px !important;
    width: 100% !important;
    overflow: hidden !important; /* 防止伪元素溢出 */
}
/* 使用伪元素实现噪点纹理 */
table.head::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 300% !important; /* 放大噪点图，使其更细腻 */
    height: 300% !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100" height="100" filter="url(%23noise)" opacity="0.08"/></svg>') !important;
    background-repeat: repeat !important;
    animation: grainMove 8s steps(10) infinite !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
@keyframes grainMove {
    0%, 100% { transform: translate(0, 0); }
    10% { transform: translate(-5%, -10%); }
    20% { transform: translate(-15%, 5%); }
    30% { transform: translate(7%, -25%); }
    40% { transform: translate(-5%, 25%); }
    50% { transform: translate(-15%, 10%); }
    60% { transform: translate(15%, 0); }
    70% { transform: translate(0, 15%); }
    80% { transform: translate(3%, -35%); }
    90% { transform: translate(-10%, 10%); }
}

/* --- 4. 核心：生成Judas艺术字水印 --- */
table.head::after {
    content: "Judas" !important; /* 水印文字 */
    position: absolute !important;
    top: 50% !important;
    right: 5% !important;
    transform: translateY(-50%) rotate(-5deg) !important; /* 轻微旋转更优雅 */
    /* 使用导入的优雅字体 */
    font-family: 'Dancing Script', 'Playfair Display', cursive, serif !important;
    font-weight: 700 !important;
    font-size: 5.5rem !important; /* 超大字体 */
    color: rgba(255, 255, 255, 0.75) !important; /* 半透明白色 */
    /* 多重阴影创造发光、浮雕效果 */
    text-shadow: 
        2px 2px 4px rgba(0, 0, 0, 0.1),
        0 0 30px rgba(255, 255, 255, 0.7),
        0 0 60px rgba(255, 255, 255, 0.4) !important;
    letter-spacing: 2px !important;
    opacity: 0.22 !important; /* 整体透明度 */
    pointer-events: none !important;
    z-index: 1 !important;
    user-select: none !important; /* 防止被选中 */
    white-space: nowrap !important;
}

/* --- 5. 隐藏旧的Logo和Slogan --- */
table.head .logo,
table.head .slogan {
    display: none !important;
}

/* --- 6. 应用新的浅色背景到整个页面 --- */
body {
    background-color: var(--color-bg) !important;
    color: var(--color-text) !important;
    /* 为整个页面添加极淡的纹理，提升质感统一性 */
    background-image: 
        linear-gradient(rgba(248, 245, 242, 0.7) 1px, transparent 1px),
        linear-gradient(90deg, rgba(248, 245, 242, 0.7) 1px, transparent 1px) !important;
    background-size: 30px 30px !important;
}

/* --- 7. 调整卡片在浅色背景下的阴影，更柔和 --- */
.panel,
.box,
.block,
.section,
.border,
table.main:not(.outer) > tbody > tr > td {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    border-color: var(--color-border) !important;
}

/* =================================================== */
/* 设计微调：字体、导航与按钮交互优化 */
/* =================================================== */

/* 1. 引入更优雅的全局中英文字体 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&family=Inter:wght@400;500;600&display=swap');

/* 2. 调整标题字体 (如：.mainheader, h1, h2, .panel title等) */
h1, h2, h3,
.mainheader,
.panel > h1,
.panel > h2,
.section > h1,
.section > h2 {
    font-family: 'Noto Sans SC', 'Inter', sans-serif !important;
    font-weight: 700 !important; /* 加粗 */
    font-size: 1.8rem !important; /* 调大，可根据感觉调整1.5rem-2rem */
    color: #444 !important; /* 比纯黑柔和，更搭浅色背景 */
    letter-spacing: 0.5px !important;
    margin-bottom: 1rem !important;
}

/* 3. 优化主导航条 (#mainmenu) - 粉色系 */
ul#mainmenu.menu {
    background-color: #f8e1e7 !important; /* 比背景稍深的浅粉色 */
    border-radius: var(--radius) !important;
    padding: 0.5rem 1rem !important;
    margin: 1rem auto !important;
    border: 1px solid #f0d0d9 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

ul#mainmenu.menu > li > a {
    font-family: 'Inter', 'Noto Sans SC', sans-serif !important;
    font-weight: 500 !important; /* 比标题字体细，比正常粗 */
    color: #b0577a !important; /* 粉色调文字 */
    background-color: transparent !important;
    border: none !important;
    transition: all 0.3s ease !important;
}
ul#mainmenu.menu > li > a:hover,
ul#mainmenu.menu > li > a:focus {
    background-color: rgba(255, 255, 255, 0.7) !important;
    color: #d46a94 !important; /* 悬停时文字更粉 */
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(212, 106, 148, 0.2) !important;
}
ul#mainmenu.menu > li.selected > a {
    background: linear-gradient(135deg, #e8a1b8, #d46a94) !important;
    color: white !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 12px rgba(212, 106, 148, 0.4) !important;
}

/* 4. 优化所有按钮的粉色交互效果 */
input[type="submit"],
input[type="button"],
button,
.btn,
a.btn {
    font-family: 'Inter', 'Noto Sans SC', sans-serif !important;
    background: linear-gradient(135deg, #e8a1b8, #d46a94) !important; /* 基础粉色 */
    color: white !important;
    border: none !important;
    border-radius: var(--radius) !important;
    padding: 0.75rem 1.5rem !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: all 0.3s ease !important;
    display: inline-block;
    box-shadow: 0 4px 8px rgba(232, 161, 184, 0.3) !important;
}
/* 悬停状态：更粉，更立体 */
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
.btn:hover,
a.btn:hover {
    background: linear-gradient(135deg, #f0b6cb, #e28aac) !important;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(226, 138, 172, 0.4) !important;
}
/* 激活/按下状态：最深粉，模拟按下效果 */
input[type="submit"]:active,
input[type="button"]:active,
button:active,
.btn:active,
a.btn:active {
    background: linear-gradient(135deg, #d46a94, #c2557f) !important;
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(194, 85, 127, 0.5) !important;
}

/* 5. 优化用户控制面板内容区菜单 (#usercpmenu) */
ul#usercpmenu.menu > li > a {
    font-family: 'Inter', 'Noto Sans SC', sans-serif !important;
    font-weight: 500 !important;
    color: #b0577a !important;
    background-color: #f8e1e7 !important;
}
ul#usercpmenu.menu > li > a:hover,
ul#usercpmenu.menu > li > a:focus {
    background-color: #f0d0d9 !important;
    color: #d46a94 !important;
}
ul#usercpmenu.menu > li.selected > a {
    background: linear-gradient(135deg, #e8a1b8, #d46a94) !important;
    color: white !important;
}

/* 6. 应用新字体到正文，提升整体可读性 */
body,
p,
span,
li,
td,
.textbody {
    font-family: 'Noto Sans SC', 'Inter', sans-serif !important;
    font-weight: 400 !important;
    line-height: 1.7 !important; /* 增加行高，更易阅读 */
    color: var(--color-text) !important;
}

/* =================================================== */
/* 新增：日志/管理页面菜单 (#logmenu) 横向样式 */
/* =================================================== */

/* 1. 复用内容区横向菜单的基本布局 */
ul#logmenu.menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: center !important; /* 居中 */
    align-items: center !important;
    list-style: none !important;
    margin: 1.5rem auto !important; /* 上下边距更大 */
    padding: 0 !important;
    width: 100% !important;
    background-color: transparent !important;
    border-bottom: 1px solid var(--color-border) !important;
    padding-bottom: 0.75rem !important;
}

/* 2. 菜单项样式 */
ul#logmenu.menu > li {
    float: none !important;
    display: block !important;
    margin: 0 8px 8px 8px !important; /* 左右和底部间距 */
    padding: 0 !important;
    width: auto !important;
}

/* 3. 链接样式 - 可以定义独特的颜色，这里使用蓝灰色系与功能匹配 */
ul#logmenu.menu > li > a {
    font-family: 'Inter', 'Noto Sans SC', sans-serif !important;
    font-weight: 500 !important;
    padding: 0.7rem 1.4rem !important;
    text-align: center !important;
    white-space: nowrap !important;
    color: #5a7d9a !important; /* 蓝灰色文字 */
    background-color: #e8eff7 !important; /* 浅蓝灰背景 */
    border: 1px solid #cfdbe9 !important;
    border-radius: calc(var(--radius) / 2) !important;
    text-decoration: none !important;
    display: block !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 2px 4px rgba(90, 125, 154, 0.1) !important;
}

/* 4. 悬停和选中状态 */
ul#logmenu.menu > li > a:hover,
ul#logmenu.menu > li > a:focus {
    background-color: #d9e4f2 !important;
    color: #3a668f !important; /* 更深的蓝灰色 */
    border-color: #5a7d9a !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(90, 125, 154, 0.2) !important;
}
ul#logmenu.menu > li.selected > a {
    background: linear-gradient(135deg, #5a7d9a, #3a668f) !important;
    color: white !important;
    border-color: #3a668f !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 12px rgba(90, 125, 154, 0.3) !important;
}

/* =================================================== */
/* 综合调整：去除多余白框、统一颜色、加大字体 */
/* =================================================== */

/* 1. 去除导航条下方多余的“白色框” (可能是table.main的外框或特定边框) */
/* 常见情况是包裹导航的容器有额外边框，我们将其移除 */
#navtop,
#navigation,
table.head {
    border-bottom: none !important;
}
/* 更激进：如果白色框是某个特定table的边框，也一并移除 */
table.main.outer,
table.main:not(.inner) {
    border: none !important;
    box-shadow: none !important;
}
/* 针对内容区域卡片，我们只保留我们自定义的粉色/浅色边框，移除默认白色背景框 */
.panel,
.box,
.block,
.section,
.border,
table.main:not(.outer) > tbody > tr > td {
    background-color: var(--color-bg-card) !important;
    border: 1px solid var(--color-border) !important; /* 保留你的浅色边框 */
    border-radius: var(--radius) !important;
    padding: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}

/* 2. 统一“日志/管理菜单”(#logmenu)颜色为粉色系，与主导航保持一致 */
ul#logmenu.menu > li > a {
    color: #b0577a !important; /* 使用主导航的文字粉色 */
    background-color: #f8e1e7 !important; /* 使用主导航的浅粉背景 */
    border: 1px solid #f0d0d9 !important;
}
ul#logmenu.menu > li > a:hover,
ul#logmenu.menu > li > a:focus {
    background-color: #f0d0d9 !important;
    color: #d46a94 !important; /* 使用主导航的悬停文字色 */
    border-color: #d46a94 !important;
}
ul#logmenu.menu > li.selected > a {
    background: linear-gradient(135deg, #e8a1b8, #d46a94) !important;
    color: white !important;
    border-color: #d46a94 !important;
}

/* 3. 所有可点击的链接(a标签)，加粗并提升可读性 */
a:not(.btn):not(.badge):not(ul.menu > li > a) {
    font-weight: 600 !important; /* 加粗 */
    text-decoration: none !important;
    border-bottom: 1px dotted transparent !important; /* 可选：添加虚线下划线，更清晰 */
    transition: color 0.2s ease, border-color 0.2s ease !important;
}
a:not(.btn):not(.badge):not(ul.menu > li > a):hover {
    border-bottom-color: currentColor !important; /* 悬停时显示下划线 */
}

/* 4. 整体界面基础字体稍微调大 (通过调整html根元素字体) */
html {
    font-size: 16.5px !important; /* 原默认通常为16px，微调到16.5px */
}
body {
    font-size: 1rem !important; /* 1rem 会跟随html的设定 */
    line-height: 1.7 !important; /* 同时增加行高，确保大字体下的可读性 */
}

/* =================================================== */
/* 高优先级修复：去除导航白框 & 强制Judas艺术字与背景 */
/* =================================================== */

/* === 1. 去除包裹导航的 #nav 容器的背景与边框 === */
#nav {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

/* 同时确保 #nav 内部的 ul 不受影响 */
#nav ul#mainmenu.menu {
    margin: 0 auto !important; /* 如果希望居中，保留这个 */
}

/* === 2. 强制应用Judas艺术字与背景花纹 === */
/* 使用更具体的选择器，并添加 !important 确保生效 */
table.head {
    background: linear-gradient(135deg, #f8f5f2 0%, #fffefc 100%) !important;
    background-image: 
        linear-gradient(90deg, transparent 99%, rgba(0,0,0,0.03) 100%),
        url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100" height="100" filter="url(%23noise)" opacity="0.08"/></svg>') !important;
    background-repeat: repeat, repeat !important;
    background-size: 30px 100%, auto !important;
    position: relative !important;
    border-bottom: none !important;
    min-height: 200px !important;
    width: 100% !important;
    overflow: hidden !important;
}
/* 确保噪点动画伪元素存在 */
table.head::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 300% !important;
    height: 300% !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100" height="100" filter="url(%23noise)" opacity="0.08"/></svg>') !important;
    background-repeat: repeat !important;
    animation: grainMove 8s steps(10) infinite !important;
    pointer-events: none !important;
    z-index: 0 !important;
}
/* 确保Judas艺术字水印伪元素存在 */
table.head::after {
    content: "Judas" !important;
    position: absolute !important;
    top: 50% !important;
    right: 5% !important;
    transform: translateY(-50%) rotate(-5deg) !important;
    font-family: 'Dancing Script', 'Playfair Display', cursive, serif !important;
    font-weight: 700 !important;
    font-size: 5.5rem !important;
    color: rgba(255, 255, 255, 0.75) !important;
    text-shadow: 
        2px 2px 4px rgba(0, 0, 0, 0.1),
        0 0 30px rgba(255, 255, 255, 0.7),
        0 0 60px rgba(255, 255, 255, 0.4) !important;
    letter-spacing: 2px !important;
    opacity: 0.22 !important;
    pointer-events: none !important;
    z-index: 1 !important;
    user-select: none !important;
    white-space: nowrap !important;
}

/* === 3. 隐藏Logo和Slogan (再次确认) === */
table.head .logo,
table.head .slogan {
    display: none !important;
    visibility: hidden !important;
}