/* dark.css - V海暗色系主题 (Solarized Dark) */
/* 文件路径: /plugins/admin/assets/css/dark.css 或对应路径 */
@import url("input.dark.css");

html,body {
    height: 100%;
    background-color: #002B36!important;
    color: #93A1A1;
}

.layout-boxed .wrapper {
    max-width: 100%;
}

.table th{
  white-space:nowrap; 
  overflow:hidden; 
  text-overflow:ellipsis;
  color: #93A1A1;
  border-bottom: 2px solid #33555E;
  background-color: #073642;
}

/* miniwin 弹窗暗色化 */
.miniwin{
  background: #01313f;
  color: #d0edf7;
}

.miniwin .main-header,.miniwin .content-header,.miniwin .main-sidebar{
  display: none;
}

.miniwin .wrapper{
  background-color: #002B36;
  box-shadow: none;
  color: #93A1A1;
}

.miniwin .content-wrapper{
  margin-left: 0;
  background-color: #002B36;
}

/* 模态框头部 */
.modal-header{
  padding:0 10px 10px 10px;
  background-color: #01313f;
  color: #d0edf7;
  border-bottom: 1px solid #33555E;
}

.modal-content {
    background-color: #002B36;
    color: #93A1A1;
    border: 1px solid #33555E;
}



.content-wrapper{
  background-color: #002B36;
  color: #93A1A1;
}

/* 表单控件 - V海暗色系 */
.form-control{
    min-width:50px;
    background-color: #073642;
    color: #93A1A1;
    border: 1px solid #33555E;
}

.name{
    min-width:50px;
    max-width:200px;
    color: #93A1A1;
}

.link-copy{
  position: relative;
  z-index: 99;
  color: #268BD2;
}
.link-file-open {
    font-size: 1.2em;        /* 放大图标 */
    font-weight: bold;       /* 加粗线条更清晰 */
    color: #00bfff;          /* 高亮蓝青色，与暗青背景形成对比（可调） */
    text-decoration: none;
}
/* 表格条纹样式 - 默认启用（原PHP条件判断移至JS控制或默认启用） */
.table-striped,.table>tbody>tr:nth-of-type(odd) {
    background-color: #073642!important;
    color: #93A1A1;
}

.table-striped,.table>tbody>tr:nth-of-type(even) {
    background-color: #002B36 !important;
    color: #93A1A1;
}

.table-striped,.table>tbody>tr:hover{
    background: #0d3440!important;
    color: #d0edf7!important;
}

.table>tbody>tr:hover{
  outline: 1px solid #268BD2;
  box-shadow: 0 0 8px rgba(38, 139, 210, 0.4);
}

#yinca {
    display: none;
}

/* tr 之上 hover 之后 匹配到p元素可见 */
tr:hover td > #yinca {
 display: block;
 color: #d0edf7;
}

/* 模态框宽度 */
.modal-dialog{
    width:960px;
    max-width:95vw;
}




/* 导航栏高度调整 */
@media (min-width: 768px){
.navbar-nav>li>a {
    height: 50px;
    color: #d0edf7!important;
}
}

.navbar-nav>li>a:hover {
    color: #fff!important;
    background-color: #0d3440!important;
}

/* 手机端弹窗满屏 */
@media screen and (max-width: 960px) {
  .layui-layer{
    width: 100vw!important;
    height: 100vh!important;
    top: 0!important;
    left: 0!important;
  }
}

/** 滚动条样式 - V海暗色系（蓝青渐变） */
::-webkit-scrollbar {
  width: 13px!important;  
  height: 13px!important;
}

::-webkit-scrollbar-thumb {
  background-color: #268BD2!important;
  background-image: -webkit-linear-gradient(45deg, rgba(42, 161, 152, 0.6) 25%, transparent 25%, transparent 50%, rgba(42, 161, 152, 0.6) 50%, rgba(42, 161, 152, 0.6) 75%, transparent 75%, transparent)!important;
  border-radius: 6px;
  border: 2px solid #002B36;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3)!important;
    background: #01313f!important;
    border-radius: 3px;
}

::-webkit-scrollbar-corner {
    background: #002B36;
}

/* 侧边栏菜单样式 - V海暗色系核心 */
.sidebar-menu>li:hover>a, .sidebar-menu>li.active>a {
    color: #d0edf7!important;
    background: #0d3440!important;
    border-left-color: #D30102!important;
    border-left-width: 3px;
    border-left-style: solid;
}

.sidebar-menu>li>a {
    color: #93A1A1;
    border-left: 3px solid transparent;
    transition: all 0.2s;
}

.sidebar-menu .treeview-menu {
    background-color: #002B36!important;
}

.sidebar-menu .treeview-menu>li>a {
    color: #93A1A1;
}

.sidebar-menu .treeview-menu>li:hover>a, .sidebar-menu .treeview-menu>li.active>a {
    color: #d0edf7;
    background-color: #0d3440;
}

/* 图标颜色 */
.sidebar-menu li .svg-inline--fa {
    width: 3.5em;
    color: #268BD2;
}

/* layui 弹窗样式 - V海暗色系 */
.layui-layer-title {
    background-color: #01313f!important;
    color: #d0edf7!important;
    border-bottom: 1px solid #33555E;
    font-weight: bold;
}

.layui-layer {
    background-color: #002B36!important;
    color: #93A1A1!important;
    border: 1px solid #33555E;
    box-shadow: 0 4px 20px rgba(0,0,0,0.6);
}

.layui-layer-btn {
    background-color: #002B36;
    border-top: 1px solid #33555E;
    padding: 15px;
}

/*border这个如果不去掉，没法跟右边的取消对齐*/
.layui-layer-btn .layui-layer-btn0 {
    margin-right: 35px;
    background-color: #268BD2!important;
    color: #fff!important;
    /*border: none!important;*/
    padding: 6px 20px;
    border-radius: 3px;
}

.layui-layer-btn .layui-layer-btn0:hover {
    background-color: #2AA198!important;
}

.layui-layer-btn a {
    background-color: #073642;
    color: #93A1A1;
    border: 1px solid #33555E;
    padding: 6px 15px;
    border-radius: 3px;
    margin: 0 5px;
}

.layui-layer-btn a:hover {
    background-color: #0d3440;
    color: #d0edf7;
    border-color: #268BD2;
}

/* 下拉菜单暗色化 */
.dropdown-menu {
    background-color: #002B36;
    border: 1px solid #33555E;
    box-shadow: 0 4px 12px rgba(0,0,0,0.5);
}

.dropdown-menu>li>a {
    color: #93A1A1;
    padding: 8px 20px;
    border-left: 3px solid transparent;
}

.dropdown-menu>li>a:hover {
    background-color: #0d3440;
    color: #d0edf7;
    border-left-color: #D30102;
}

/* 用户头部 */
.user-header {
    background-color: #01313f!important;
    color: #d0edf7!important;
}

.user-header p {
    color: #93A1A1;
}

.user-header small {
    color: #657B83;
}

/* 标签颜色 - Solarized 语法高亮色系 */
.label {
    background-color: #268BD2;
    color: #fff;
}

.label-success { background-color: #859900!important; }
.label-info { background-color: #2AA198!important; }
.label-warning { background-color: #B58900!important; }
.label-danger { background-color: #D30102!important; }
.label-primary { background-color: #268BD2!important; }
.label-default { background-color: #657B83!important; }

/* 文字选中效果 - 护眼淡青色 */
::selection {
    background: #C7EBF6;
    color: #002B36;
}

::-moz-selection {
    background: #C7EBF6;
    color: #002B36;
}



/* 表格边框 */
.table-bordered {
    border: 1px solid #33555E;
}

.table-bordered>thead>tr>th, 
.table-bordered>tbody>tr>th, 
.table-bordered>tfoot>tr>th, 
.table-bordered>thead>tr>td, 
.table-bordered>tbody>tr>td, 
.table-bordered>tfoot>tr>td {
    border: 1px solid #33555E;
}

/* 分页样式 */
.pagination>li>a, .pagination>li>span {
    background-color: #073642;
    color: #93A1A1;
    border: 1px solid #33555E;
}

.pagination>li>a:hover, .pagination>li>span:hover {
    background-color: #0d3440;
    color: #d0edf7;
    border-color: #268BD2;
}

.pagination>.active>a, .pagination>.active>span {
    background-color: #268BD2;
    border-color: #268BD2;
    color: #fff;
}

.pagination>.disabled>a, .pagination>.disabled>span {
    background-color: #002B36;
    color: #657B83;
    border-color: #33555E;
}

/* 警告框 - 带左侧彩色边框 */
.alert {
    background-color: #073642;
    border: 1px solid #33555E;
    color: #93A1A1;
    border-left-width: 4px;
}

.alert-success { border-left-color: #859900; }
.alert-info { border-left-color: #268BD2; }
.alert-warning { border-left-color: #B58900; }
.alert-danger { border-left-color: #D30102; }

/* 面板/Box 样式 */
.box {
    background-color: #002B36;
    border-top: 3px solid #33555E;
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
    border-radius: 3px;
}

.box-header {
    background-color: #01313f;
    color: #d0edf7;
    border-bottom: 1px solid #33555E;
    padding: 12px;
}

.box-body {
    background: #002B36!important;
    background-color: #002B36!important;
    color: #93A1A1;
    padding: 15px;
}

.box-footer {
    background-color: #01313f!important;
    border-top: 1px solid #33555E;
    padding: 12px;
}

/*260319加了距离底部高度，目的是给分账设置提高，以免看不到保存按钮*/
.box > .box-footer:last-of-type {
    margin-bottom: 113px;
}

/* 主头部导航 */
.main-header {
    background-color: #01313f;
    border-bottom: 1px solid #33555E;
}

.main-header .logo {
    background-color: #002B36;
    color: #d0edf7;
    border-right: 1px solid #33555E;
}

.main-header .navbar {
    background-color: #01313f;
}

/* 侧边栏 */
.main-sidebar {
    background-color: #01313f;
    border-right: 1px solid #33555E;
}

/* 内容头部 */
.content-header {
  color: #93A1A1;
  position: relative;
  padding: 5px 20px;
  background: linear-gradient(135deg, #002B36 0%, #002B36 100%);
  border-radius: 35px;
  margin-bottom: 2px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
  border-left: 13px solid darkred;
}

.content-header>h1 {
    font-weight: bolder!important;
    color: deepskyblue!important;
    font-family: FZShuTi!important;
    text-shadow: 0 0 10px rgba(0, 198, 255, 0.3);
    font-size: 35px!important;
}

.content-header>h1>small {
    color: #657B83;
}

/* 面包屑 */
.breadcrumb {
    background-color: #073642;
    color: #93A1A1;
    padding: 8px 15px;
    border-radius: 3px;
}

.breadcrumb>li>a {
    color: #268BD2;
}

.breadcrumb>li+li:before {
    color: #657B83;
    content: ">\00a0";
}

/* 输入组 */
.input-group-addon {
    background-color: #073642;
    color: #93A1A1;
    border: 1px solid #33555E;
}

/* 进度条 */
.progress {
    background-color: #073642;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.3);
}

.progress-bar {
    background-color: #268BD2;
}

.progress-bar-success { background-color: #859900; }
.progress-bar-info { background-color: #2AA198; }
.progress-bar-warning { background-color: #B58900; }
.progress-bar-danger { background-color: #D30102; }

/* 列表组 */
.list-group-item {
    background-color: #002B36;
    border: 1px solid #33555E;
    color: #93A1A1;
}

.list-group-item:hover, .list-group-item:focus {
    background-color: #0d3440;
    color: #d0edf7;
    border-color: #33555E;
}

.list-group-item.active, .list-group-item.active:hover {
    background-color: #268BD2;
    border-color: #268BD2;
    color: #fff;
}

/* Well 组件 */
.well {
    background-color: #073642;
    border: 1px solid #33555E;
    color: #93A1A1;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);
}

/* 代码块 */
pre {
    background-color: #073642;
    color: #93A1A1;
    border: 1px solid #33555E;
    border-radius: 3px;
}

code {
    background-color: #073642;
    color: #D33682;
    border: 1px solid #33555E;
    padding: 2px 6px;
    border-radius: 3px;
}

/* 响应式表格滚动条 */
.table-responsive {
    border-color: #33555E;
}

/* 导航标签页 */
.nav-tabs {
    border-bottom: 1px solid #33555E;
}

.nav-tabs>li>a {
    background-color: #073642;
    color: #93A1A1;
    border: 1px solid #33555E;
    border-bottom-color: transparent;
    margin-right: 3px;
}

.nav-tabs>li>a:hover {
    background-color: #0d3440;
    color: #d0edf7;
    border-color: #33555E;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover {
    background-color: #002B36;
    color: #d0edf7;
    border: 1px solid #33555E;
    border-bottom-color: #002B36;
}

/* 徽章 */
.badge {
    background-color: #D33682;
    color: #fff;
}

/* 提示工具 */
.tooltip-inner {
    background-color: #01313f;
    color: #d0edf7;
    border: 1px solid #33555E;
}

/* 弹出框 */
.popover {
    background-color: #002B36;
    border: 1px solid #33555E;
    color: #93A1A1;
}

.popover-title {
    background-color: #01313f;
    border-bottom: 1px solid #33555E;
    color: #d0edf7;
}

/* 分割线 */
hr {
    border-top-color: #33555E;
}

/* 禁用状态 */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #073642;
    color: #657B83;
    border-color: #33555E;
}

/* 帮助文字 */
.help-block {
    color: #657B83;
}

/* 文本辅助色 */
.text-muted { color: #657B83!important; }
.text-primary { color: #268BD2!important; }
.text-success { color: #859900!important; }
.text-info { color: #2AA198!important; }
.text-warning { color: #B58900!important; }
.text-danger { color: #D30102!important; }

/* 背景辅助色 */
.bg-primary { background-color: #268BD2!important; color: #fff; }
.bg-success { background-color: #859900!important; color: #fff; }
.bg-info { background-color: #2AA198!important; color: #fff; }
.bg-warning { background-color: #B58900!important; color: #fff; }
.bg-danger { background-color: #D30102!important; color: #fff; }

/* 主题切换按钮基础样式（暗色版） */
.theme-switcher {
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: #01313f;
    color: #d0edf7;
    border: 1px solid #33555E;
    border-right: none;
    border-radius: 4px 0 0 4px;
    cursor: pointer;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    box-shadow: -2px 0 8px rgba(0,0,0,0.3);
    transition: all 0.3s;
}
.theme-switcher:hover {
    width: 45px;
    background: #0d3440;
    color: #fff;
}


.layui-layer{
    position: absolute;
  /*top:0!important;*/
  /*left:0!important;*/
  /*width:100%!important;*/
  /*height: 100%!important;*/
    background-color: #002B36;
    color: #93A1A1;
    box-shadow: 0 2px 8px rgba(0, 43, 54, 0.8);
}

/*250906为了分账设置可以切换窗口全屏，所以在这3个class都满足下增加*/
.layui-layer.layui-layer-dialog.dialog-alert
{
    position: absolute;
    top:0!important;
    left:0!important;
    width:100%!important;
    height: 100%!important;
    background-color: #002B36;
    color: #93A1A1;
}

/* 筛选按钮样式 */
.filter-btn {
    display: inline-block;
    padding: 5px 10px;
    margin-right: 5px;
    margin-bottom: 10px;
    background-color: #073642;
    border: 1px solid #33555E;
    border-radius: 3px;
    cursor: pointer;
    font-size: 12px;
    color: #93A1A1;
}
.filter-btn.active {
    background-color: #268BD2;
    color: #002B36;
    border-color: #268BD2;
    font-weight: 500;
}
.filter-container {
    margin-bottom: 15px;
    padding: 10px;
    background-color: #01313f;
    border: 1px solid #33555E;
    border-radius: 5px;
}

/* 暗青色系主题 */

/* 空状态 */
.empty-state {
  border: 1px solid var(--border-color);
  margin: 5px 0;
  padding: 20px;
  background: var(--bg-card);
  text-align: center;
  color: #78909c;
  border-radius: 4px;
}

/* 表格容器 */
.table-container {
  border: 1px solid var(--border-color);
  background: var(--bg-card);
  margin: 5px 0;
  border-radius: 4px;
  overflow: hidden;
}

/* 表格 */
.table {
  background: var(--bg-table);
  color: var(--text-secondary);
}

.table thead th {
  background: var(--bg-card);
  color: var(--text-primary);
  border-bottom: 1px solid var(--border-color);
}

.table tbody tr {
  border-bottom: 1px solid var(--border-color);
}

.table tbody tr:hover {
  background-color: rgba(0, 188, 212, 0.08);
}

/* 列宽 */
.col-action,
.col-name,
.col-desc {
  white-space: nowrap;
}

/* sticky 列 */
.cell-sticky {
  position: sticky;
  left: 0;
  background: var(--bg-card);
  z-index: 1;
  border-right: 1px solid var(--border-color);
}


/* em 高亮样式（如需用于其他地方） */
.highlight-em {
  font-style: normal;
  color: var(--highlight-em);
  font-weight: bold;
}

/* 兼容原 <em> 标签（若模板中出现） */
em.highlight-em {
  font-style: normal;
  color: var(--highlight-em);
  font-weight: bold;
}


/* 标签栏整体背景 */
.layui-tab-title {
     background-color: #01313f!important;
    border-bottom-color: #00171e!important;
 }

/* 激活状态 */
.layui-tab-title li.layui-this {
 background-color: lightseagreen!important;
 }


/* ============================================
   后台订单管理页按钮布局 - .btns 容器专用
   ============================================ */

/* 1. 主容器 Flex 布局 - 控制左右区域排列 */
.btns {
  display: flex;
  flex-wrap: wrap;                    /* 允许左右区域换行 */
  gap: 8px;                           /* 左右区域之间的间距 */
  align-items: flex-start;            /* 顶部对齐 */
  justify-content: space-between;     /* 关键：左区域靠左，右区域靠右 */
  /* 保留原有的底部间距 */
  padding-bottom: 10px !important;
}

/* 关键修复：让内部容器也成为 Flex 容器，使按钮换行时有上下间距 */
.btns .pull-left,
.btns .pull-right {
  display: flex;
  flex-wrap: wrap;                    /* 允许按钮换行 */
  gap: 8px;                           /* 核心：控制按钮之间行列间距（上下左右都有） */
  align-items: center;                /* 垂直居中 */
  float: none !important;             /* 清除 Bootstrap 的 float，避免与 flex 冲突 */
}

/* 左侧区域自适应宽度，右侧区域固定靠右 */
.btns .pull-left {
  flex: 1;
  min-width: 0;                       /* 允许收缩 */
}

.btns .pull-right {
  flex-shrink: 0;                     /* 防止被压缩 */
}

/* 2. 统一按钮尺寸（40px高度）- 修改选择器匹配内部按钮 */
.btns .pull-left .btn:not(.btn-xs):not(.btn-sm):not(.btn-lg),
.btns .pull-right .btn:not(.btn-xs):not(.btn-sm):not(.btn-lg) {
  min-height: 40px;
  height: 40px;
  padding: 0 16px;
  font-size: 14px;
  line-height: 1;
  box-sizing: border-box;
  display: inline-flex;
  align-items: center !important;
  justify-content: center;
  margin: 0;                          /* 清除默认 margin，完全使用 gap 控制间距 */
  vertical-align: middle;
  border-width: 0.5px;
  white-space: nowrap;                /* 防止按钮文字换行 */
}

/* 3. 严格保护 btn-xs 的独立性 */
.btns .pull-left .btn.btn-xs,
.btns .pull-right .btn.btn-xs {
  min-height: 26px !important;
  height: 26px !important;
  padding: 0 8px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  vertical-align: middle !important;
  margin: 0 !important;
}

/* 4. 消除 label.btn 的默认差异 */
.btns .pull-left label.btn,
.btns .pull-right label.btn {
  cursor: default;
  user-select: text;
  margin-bottom: 0;
}

/* 5. 图标对齐优化（FontAwesome 双色调图标） */
.btns .pull-left .btn i,
.btns .pull-right .btn i,
.btns .pull-left .btn svg,
.btns .pull-right .btn svg,
.btns .pull-left .btn .fa,
.btns .pull-right .btn .fa,
.btns .pull-left .btn .fad,
.btns .pull-right .btn .fad {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  line-height: 1;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}

/* 6. 处理按钮内嵌 span */
.btns .pull-left .btn span,
.btns .pull-right .btn span {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
}

/* 7. 清除 clearfix 在 flex 布局中的占位（可选） */
.btns .clearfix {
  display: none;                      /* Flex 布局不需要 clearfix */
}

/* 8. 移动端适配 */
@media (max-width: 768px) {
  .btns {
    gap: 6px;
  }
  
  .btns .pull-left,
  .btns .pull-right {
    gap: 6px;                         /* 缩小按钮间距 */
    flex-basis: 100%;                 /* 小屏幕下左右区域上下排列 */
  }
  
  .btns .pull-right {
    justify-content: flex-start;      /* 小屏幕下左对齐 */
  }
  
  .btns .pull-left .btn:not(.btn-xs):not(.btn-sm):not(.btn-lg),
  .btns .pull-right .btn:not(.btn-xs):not(.btn-sm):not(.btn-lg) {
    padding: 0 12px;
    font-size: 13px;
  }
}

/*商品类别层级*/
.dd3-content{
      background-color: #002B36!important;
}