/* reset.css */
html {
    box-sizing: border-box; /* 统一盒模型计算方式 */
    font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
}

*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: inherit; /* 继承上级元素的盒模型计算方式 */
}
body {
    font-family: Arial, sans-serif; /* 设定基本字体族 */
    font-family: '微软雅黑', Helvetica, 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', Arial, sans-serif;
    line-height: 1.5; /* 行高 */
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal; /* 取消标题标签的加粗效果 */
}
a {
    text-decoration: none; /* 去除链接下划线 */
    color: #007bff; /* 设定颜色 */
}
ul, ol,li {
    list-style: none; /* 清除列表项符号 */

}
img {
    max-width: 100%; /* 图片最大宽度自动调整到容器尺寸 */
    height: auto; /* 保持原比例 */
}
button {
    cursor: pointer; /* 改变光标形状为手指 */
    background: transparent; /* 按钮无背景色 */
    outline: none; /* 移除点击时的边框 */
    border: none; /* 移除边框 */
}
input[type="text"], input[type="password"] {
    appearance: none; /* 移除输入框默认外观 */
    -webkit-appearance: none; /* Safari/Chrome特定属性 */
    -moz-appearance: none; /* Firefox特定属性 */
    border: none; /* 移除边框 */
    outline: none; /* 移除点击时的边框 */
    background: none; /* 输入框无背景色 */
}
img{
    vertical-align: middle; 
}

/* 取消所有元素的focus聚焦，点击时黑色边框 */
* {
  outline: none !important;
}




/* 文本区域 */
.el-textarea__inner {
  height: 100%;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}


.el-input__wrapper {
  background-color: transparent !important;
}

.el-input .el-input__inner {
  background-color: transparent !important;
}

.custom-card-infoLog {
  width: 100%;
  height: 100%;

  background-color: transparent;
  color: #FFFFFF;
  border: none;
  border-radius: 0px 0px 0px 0px;
}

.custom-card-infoLog .el-card__header {
  display: flex;
  align-items: center; /* 垂直居中 */

  border-bottom: none;
  padding: 0 40px;

  height: 40px;
  background-image: url(@/assets/img/cardinfo-header.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 0px 0px 0px 0px;
}

.custom-card-infoLog .el-card__body {
  width: 100%;
  height: calc(100% - 40px);
  padding: 5px 5px;
  background: linear-gradient(to top, #173B77 0%, #132440 100%);
  border-radius: 0px 0px 0px 0px;
  border: 2px solid rgba(61,115,255,0.3);

  overflow: auto;
}

.custom-card {
  width: 100%;
  height: 100%;

  background-color: transparent;
  color: #FFFFFF;
  border: none;
  border-radius: 0px 0px 0px 0px;

  font-size: 12px;
}

.custom-card .el-card__header {
  display: flex;
  align-items: center; /* 垂直居中 */

  border-bottom: none;
  padding: 0 35px;
  
  height: 40px;
  background-image: url(@/assets/img/card-header.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border-radius: 0px 0px 0px 0px;
  
}

.custom-card .el-card__body {
  width: 100%;
  height: calc(100% - 40px);
  padding: 5px 5px;
  background-image: url(@/assets/img/card-body.png);
  background-size: 100% 100%;
  background-repeat: no-repeat; 
  border-radius: 0px 0px 0px 0px;
  border: 2px solid rgba(61,115,255,0.3);

  overflow: auto;
}

/* 适用于Webkit内核浏览器（Chrome, Safari, Edge等） */
::-webkit-scrollbar {
  width: 10px;  /* 垂直滚动条宽度 */
  height: 10px; /* 水平滚动条高度 */
}

::-webkit-scrollbar-track {
  background: transparent; /* 滚动条轨道背景透明 */
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3); /* 滚动条滑块半透明 */
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.4); /* 鼠标悬停时颜色加深 */
}

.custom-card .content-container {
  width: 100%;

  display: flex;
  align-items: center;
  justify-content: center;

  .content-aside {
    width: 40%;
  }

  .content-form {
    width: 60%;
  }
}

.custom-switch {
  transform: scale(0.5);
}

.custom-switch-colors {
  --el-switch-on-color: #E1EAFF;
  --el-switch-off-color: #2CFFFF;
}

