.use-theme .main-header{
    background: rgba(0, 43, 54, 0.8); /* #002B36 主背景带透明 */
    border-bottom: 1px solid #33555E; /* 打印边距色 */
}

.use-theme .wrapper, 
.use-theme .main-sidebar, 
.use-theme .left-side,
.use-theme .main-header .navbar{
    background: #002B36; /* 主背景色 */
}

.use-theme ::selection {
    background: #C7EBF6; /* 护眼淡青色选区 */
    color: #002B36; /* 深色文字反衬 */
}

.use-theme .content-wrapper {
    background: #002B36; /* 主背景色 */
}

.use-theme {
    background-size: 100% 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    transition: background .3s;
    color: #93A1A1; /* 前景色 */
}

.miniwin.use-theme .wrapper,
.use-theme .box,
.use-theme .box-footer,
.use-theme .modal-header{
    background: #002B36; /* 主背景色 */
    color: #93A1A1; /* 前景色 */
}

.use-theme a{
    color: #268BD2; /* 蓝色 - 链接 */
    transition: color 0.2s;
}

.use-theme a:hover{
    color: #D30102; /* 光标红 - 悬停高亮 */
    text-decoration: underline;
}

.use-theme .box-header.with-border{
    border-bottom-color: #33555E; /* 打印边距色 */
}

.use-theme .table-striped>tbody>tr:nth-of-type(odd){
    background-color: #01313f; /* 侧边栏背景色 - 奇数行 */
}

.use-theme .table-striped>tbody>tr:nth-of-type(even){
    background-color: #002B36; /* 主背景色 - 偶数行 */
}

.use-theme .table>thead>tr>th{
    border-bottom-color: #33555E; /* 打印边距色 */
    color: #d0edf7; /* 侧边栏文字色 - 表头 */
    background: #01313f; /* 侧边栏背景 */
}

.use-theme .table>tbody>tr>td{
    border-top-color: #33555E; /* 打印边距色 */
    color: #93A1A1; /* 前景色 */
}

.use-theme code{
    background: rgba(7, 54, 66, 0.8); /* #073642 选中单词边框色作为背景 */
    color: #2AA198; /* 青色 - 代码文字 */
    border: 1px solid #33555E;
    border-radius: 3px;
    padding: 2px 6px;
    font-family: 'Consolas', 'Monaco', monospace;
}

.use-theme input.form-control,
.use-theme textarea.form-control,
.use-theme select.form-control{
    background-color: #002B36; /* 主背景 */
    border-color: #268BD2; /* 蓝色边框 */
    color: #93A1A1; /* 前景色 */
    transition: all 0.3s;
}

.use-theme input.form-control:focus,
.use-theme textarea.form-control:focus,
.use-theme select.form-control:focus{
    border-color: #2AA198; /* 青色 - 聚焦状态 */
    box-shadow: 0 0 8px rgba(42, 161, 152, 0.3); /* 青色光晕 */
    outline: none;
}

.page-search input.form-control{
    background-color: #01313f; /* 侧边栏背景 - 稍深 */
    border-color: #268BD2;
}

.use-theme .box{
    border-width: 0;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
}

.use-theme .box-footer{
    padding-left: 0;
    padding-right: 0;
    border-width: 0;
    border-top: 1px solid #33555E;
}

.use-theme .onez-table-extra td,
.use-theme select,
.use-theme option{
    background: #002B36 !important; /* 强制主背景 */
    color: #93A1A1 !important;
}

.use-theme pre{
    color: #2AA198; /* 青色 - 预格式化文本 */
    background-color: #01313f; /* 侧边栏背景 */
    border: 1px solid #33555E; /* 打印边距色 */
    border-radius: 4px;
    padding: 15px;
    font-family: 'Consolas', 'Monaco', monospace;
}

.use-theme form .box-body{
    margin: 0;
}

/* 分页样式 - 使用紫罗兰灰高亮方案 */
.use-theme .pagination>li>a.current,
.use-theme .pagination>li>span{
    border-width: 0;
    background: #2d3366; /* 紫罗兰灰 - 搜索匹配背景 */
    color: #C7EBF6; /* 护眼淡青色文字 */
    border: 1px solid #ff0000; /* 红色边框增强辨识 */
}

.use-theme .pagination>li>a:hover{
    background: #2d3366; /* 紫罗兰灰 */
    border-style: solid;
    border-color: #ff0000; /* 红色边框 */
    border-width: 1px;
    color: #C7EBF6;
}

.use-theme .pagination>li>a.current{
    font-size: 22px;
    font-weight: 900;
    line-height: 18px;
    background: #D30102; /* 光标红 - 当前页特别强调 */
    color: #fff;
    border-color: #ff0000;
}

.use-theme .pagination>li>a{
    border-width: 1px;
    background: #002B36; /* 主背景 */
    border-color: #33555E;
    color: #93A1A1; /* 前景色 */
    margin: 0 2px;
    border-radius: 3px;
    transition: all 0.2s;
}

/* 模态框 - 暗色主题深度优化 */
.use-theme .modal-header{
    border-color: #268BD2; /* 蓝色 */
    background: #01313f; /* 侧边栏背景 */
    color: #d0edf7; /* 侧边栏文字 */
}

.use-theme .modal-content,
.layui-layer-page.layui-layer,
.use-theme .border,
.use-theme dl{
    background: #002B36; /* 主背景 */
    border: 2px solid #268BD2; /* 蓝色边框 */
    -webkit-box-shadow: 0 0 20px rgba(38, 139, 210, 0.3); /* 蓝色光晕 */
    -moz-box-shadow: 0 0 20px rgba(38, 139, 210, 0.3);
    box-shadow: inset 0 0 30px rgba(0, 43, 54, 0.8), 0 0 20px rgba(38, 139, 210, 0.2);
    color: #93A1A1;
}

/* 表格行悬停效果 - 使用活动侧边行色 */
.use-theme .table-striped,
.use-theme .table>tbody>tr{
    background: #002B36 !important;
    transition: background 0.2s;
}

.use-theme .table-striped,
.use-theme .table>tbody>tr:hover{
    background: #0d3440 !important; /* 活动侧边行 - 当前行高亮 */
    color: #d0edf7; /* 高亮时文字变亮 */
}

/* 右侧面板 - 暗色化 */
.right-sidebar-content{
    color: #93A1A1;
}

.right-sidebar{
    width: 260px;
    height: 100%;
    max-height: 100%;
    position: fixed;
    overflow: scroll;
    overflow-x: hidden;
    top: 50px;
    right: -300px;
    z-index: 999;
    text-align: center;
    padding: 10px;
    background: #002B36; /* 主背景 */
    border-left: 2px solid #268BD2; /* 蓝色边框 */
    box-shadow: 0 16px 38px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.switcher-icon{
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #01313f; /* 侧边栏背景 */
    text-align: center;
    font-size: 22px;
    color: #d0edf7; /* 侧边栏文字 */
    cursor: pointer;
    display: inline-block;
    box-shadow: 0 16px 38px -12px rgba(0,0,0,.56), 0 4px 25px 0 rgba(0,0,0,.12), 0 8px 10px -5px rgba(0,0,0,.2);
    position: fixed;
    right: 0;
    top: 15rem;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
    border: 1px solid #268BD2;
    border-right: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.switcher-icon:hover{
    background: #0d3440; /* 活动行色 */
    color: #C7EBF6;
}

.right-sidebar.right-toggled{
    right: 0px;
}

.right-sidebar.right-toggled .switcher-icon{
    right: 260px;
    background: #2d3366; /* 紫罗兰灰 - 激活状态 */
    border-color: #ff0000; /* 红色边框 */
}

.bg-theme{
    background-size: 100% 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    transition: background .3s;
}

/* 主题切换器按钮 */
.switcher {
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    margin-left: 20px;
}

.switcher li {
    float: left;
    width: 85px;
    height: 75px;
    margin: 0 15px 15px 0px;
    border-radius: 4px;
    border: 2px solid #33555E; /* 默认边框 */
    cursor: pointer;
    transition: transform 0.2s, border-color 0.2s;
}

.switcher li:hover {
    border-color: #268BD2; /* 蓝色悬停 */
    transform: scale(1.05);
}

/* 暗色主题适配 - 图片主题保持，纯色主题改为暗色系 */
#theme1, #theme2, #theme3, #theme4, #theme5, #theme6 {
    background-size: 100% 100%;
    background-position: center;
    transition: background .3s;
}

/* 纯色主题改为 V海暗色系 */
#theme7 {
    background: #002B36; /* 主背景色 */
    border: 2px solid #268BD2;
}

#theme-default{
    background: #002B36;
    border: 2px solid #93A1A1;
}

#theme8 {
    background: linear-gradient(567deg, 
        rgba(38, 139, 210, 0.3), 
        rgba(42, 161, 152, 0.3), 
        rgba(133, 153, 0, 0.2), 
        rgba(211, 54, 130, 0.2), 
        rgba(203, 75, 22, 0.2), 
        rgba(181, 137, 0, 0.2), 
        rgba(38, 139, 210, 0.3));
    background-size: 100% 100%;
    background-position: center;
    transition: background .3s;
    border: 2px solid #268BD2;
}

#theme9 {
    background: linear-gradient(45deg, #002B36, #01313f); /* 深蓝灰渐变 */
    border: 2px solid #268BD2;
}

#theme10 {
    background: linear-gradient(45deg, #073642, #002B36); /* 暗色调 */
    border: 2px solid #CB4B16; /* 橙色点缀 */
}

#theme11 {
    background: linear-gradient(45deg, #002B36, #01313f);
    border: 2px solid #268BD2;
}

#theme12 {
    background: linear-gradient(45deg, #002B36, #2d3366); /* 紫罗兰灰 */
    border: 2px solid #6c71c4; /* 紫色 */
}

#theme13 {
    background: linear-gradient(180deg, #D30102, #CB4B16); /* 红色系 */
    border: 2px solid #ff0000;
}

#theme14 {
    background: linear-gradient(180deg, #859900, #B58900); /* 黄绿色系 */
    border: 2px solid #859900;
}

#theme15 {
    background: linear-gradient(45deg, #268BD2, #2AA198); /* 蓝青渐变 */
    border: 2px solid #268BD2;
}

/* body 主题类 */
body[data-theme="7"] {
    background: #002B36;
}

body[data-theme="8"] {
    background: linear-gradient(567deg, 
        rgba(38, 139, 210, 0.2), 
        rgba(42, 161, 152, 0.2), 
        rgba(133, 153, 0, 0.15), 
        rgba(211, 54, 130, 0.15), 
        rgba(203, 75, 22, 0.15), 
        rgba(181, 137, 0, 0.15), 
        rgba(38, 139, 210, 0.2));
}

body[data-theme="9"] {
    background: linear-gradient(45deg, #002B36, #01313f);
}

body[data-theme="10"] {
    background: linear-gradient(45deg, #073642, #002B36);
}

body[data-theme="11"] {
    background: linear-gradient(45deg, #002B36, #01313f);
}

body[data-theme="12"] {
    background: linear-gradient(45deg, #002B36, #2d3366);
}

body[data-theme="13"] {
    background: linear-gradient(180deg, #D30102, #CB4B16);
}

body[data-theme="14"] {
    background: linear-gradient(180deg, #859900, #B58900);
}

body[data-theme="15"] {
    background: linear-gradient(45deg, #268BD2, #2AA198);
}

/* 页面标题 - 使用 Solarized 蓝色系 */
.content-header>h1 {
    color: #268BD2; /* 蓝色 */
    text-shadow: 0 0 25px rgba(38, 139, 210, 0.5); /* 蓝色光晕 */
    font-weight: 600;
    font-size: 35px;
    text-align: center;
    margin-bottom: 22px;
    margin-top: 13px;
    letter-spacing: 1px;
}

/* 表格条纹 - 修正为暗色系 */
.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #01313f !important; /* 侧边栏背景 - 奇数行 */
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #002B36 !important; /* 主背景 - 偶数行 */
}

/* 表格悬停 - 使用活动行色和红色边框（括号匹配风格） */
.table-striped > tbody > tr:hover,
.table > tbody > tr:hover{
    background-color: #0d3440 !important; /* 活动侧边行 */
    color: #d0edf7 !important;
    border: 1px solid #ff0000 !important; /* 红色边框增强辨识 */
    box-shadow: inset 0 0 10px rgba(255, 0, 0, 0.1); /* 半透明红色背景效果 */
}

/* 额外语法高亮类（供动态添加使用） */
.use-theme .syntax-keyword { color: #859900; } /* 绿色 */
.use-theme .syntax-function { color: #268BD2; } /* 蓝色 */
.use-theme .syntax-string { color: #2AA198; } /* 青色 */
.use-theme .syntax-constant { color: #CB4B16; } /* 橙色 */
.use-theme .syntax-language { color: #B58900; } /* 黄色 */
.use-theme .syntax-number { color: #D33682; } /* 洋红色 */
.use-theme .syntax-comment { color: #657B83; font-style: italic; } /* 灰色斜体 */
.use-theme .syntax-variable { color: #93A1A1; } /* 前景色 */

/* 调试步骤标记 */
.use-theme .step-marker {
    background-color: rgb(102, 82, 0) !important; /* 棕黄色 */
    border: 1px solid #B58900;
    color: #fff;
}

/* 搜索匹配高亮 - 紫罗兰灰配红边框 */
.use-theme .search-match {
    background-color: #2d3366 !important;
    border: 1px solid #ff0000 !important;
    color: #C7EBF6 !important;
    z-index: 3;
}

/* 括号匹配样式 */
.use-theme .bracket-match {
    border: 1px solid #ff0000 !important;
    background-color: rgba(255, 0, 0, 0.2) !important;
}

/* 选中单词 */
.use-theme .selected-word {
    border: 1px solid #073642;
    background-color: rgba(199, 235, 246, 0.2); /* 淡青色半透明 */
}

/* 打印边距线 */
.use-theme .print-margin {
    border-right: 1px solid #33555E;
}

/* 不可见字符 */
.use-theme .invisible-char {
    color: rgba(147, 161, 161, 0.50);
}

/* 滚动条暗色化 */
.use-theme ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.use-theme ::-webkit-scrollbar-track {
    background: #002B36;
    border: 1px solid #01313f;
}

.use-theme ::-webkit-scrollbar-thumb {
    background: #33555E;
    border-radius: 5px;
    border: 2px solid #002B36;
}

.use-theme ::-webkit-scrollbar-thumb:hover {
    background: #268BD2;
}

/* 按钮样式统一 */
.use-theme .btn {
    background: #01313f;
    border: 1px solid #268BD2;
    color: #93A1A1;
    transition: all 0.3s;
}

.use-theme .btn:hover {
    background: #268BD2;
    color: #002B36;
    border-color: #2AA198;
}

.use-theme .btn-primary {
    background: #268BD2;
    border-color: #268BD2;
    color: #002B36;
}

.use-theme .btn-danger {
    background: #D30102;
    border-color: #ff0000;
    color: #fff;
}

.use-theme .btn-success {
    background: #859900;
    border-color: #859900;
    color: #002B36;
}