/* 导入其它样式文件 */
/* color palette from <https://github.com/vuejs/theme> */
/* semantic color variables for this project */
:root {
  --vt-header-height: 60px;
  --vt-aside-height: calc(100vh - var(--vt-header-height));
  --vt-main-height: calc(var(--vt-aside-height) - var(--vt-footer-height));
  /** tabs 页签头：40px；其它：14px */
  --vt-tab-content-height: calc(var(--vt-main-height) - 40px - 14px);
  /* 查询表单：50px; 表格头：62px；分页组件：42px; 其它：13px */
  --vt-table-height: calc(
    var(--vt-tab-content-height) - 50px - 62px - 42px - 13px
  );
  --vt-main-background-color: #f7f7f7;
}
/* 移动端样式 */
@media screen and (max-width: 768px) {
  :root {
    --vt-footer-height: 110px;
  }
}
/* PC端样式 */
@media screen and (min-width: 768px) {
  :root {
    --vt-footer-height: 60px;
  }
}
@media (prefers-color-scheme: dark) {
  :root {
  }
}
.vt-table {
  flex: 1;
  /* tabs 页签：40px; 查询表单：70px; 表格头：63px；分页组件：50px */
  height: var(--vt-table-height);
}
.el-pagination {
  margin-top: 10px;
}
.el-dialog__footer {
  padding-top: 0px !important;
}
/* --：定义全局变量，可在文档任意位置通过 var() 调用。比如引用变量：color: var(--vt-primary-color); */
:root {
	--vt-primary-color: #1e9fff;
}
/* 1. 统一盒模型计算方式，宽度/高度计算方式变为：内容区 + 内边距 + 边框。这能避免传统模式下因添加 padding/border 导致元素实际尺寸超出预期的问题。
 * 2. 消除默认外边距。
 * 3. 标准化字体粗细
 */
*,
*::before,
*::after {
	box-sizing: border-box;
	margin: 0;
}
html,
body {
	overflow: hidden;
}
#app {
	/* 占满视口高度，内容超出时自动扩展 */
	min-height: 100vh;
	/* color: var(--color-text);
  background: var(--color-background); */
}
img {
	max-width: 100%;
	max-height: 100%;
}
a {
	text-decoration: none;
	color: var(--vt-primary-color);
	transition: 0.4s;
	padding: 3px;
}
/** 常用于保留 PC 端的 :hover 效果（如按钮悬停变色、下拉菜单），同时避免移动端点击后样式滞留问题。 */
@media (hover: hover) {
	a:hover {
		/* 兼容旧版浏览器 */
		color: var(--vt-primary-color);
		/*
    hsl(from #1e9fff h s l): 提取颜色中的 h s l 的值（色相，饱和度，亮度）。
    hsl() 语法：https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hsl#syntax
    浏览器兼容性：https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/hsl#browser_compatibility
  */
		color: hsl(from var(--vt-primary-color) h calc(s - 40) l);
		text-decoration: underline;
	}
}