/*
Theme Name: skinceuticals
Description: Custom Theme
Text Domain: skinc-wp
Domain Path: /languages
*/
body {
  font-family: Arial, sans-serif;
  color: #333;
  line-height: 1.6;
  margin: 0;
  font-family: Arial, sans-serif;
  color: #333;
  line-height: 1.6;
  margin: 0;
  height: 100vh;
  box-sizing: border-box; /* 内边距不会增加元素的总高度 */
}

header {
  background: #f4f4f4;
  text-align: center;
}

article {
  margin: 20px 0;
}

:root {
  --wide-width: 1360px;
  --sec-wide-width: 984px;
  --tablet-wide-width: 728px;
  --font-scale-large: 1024 / 1440; /* 1440px-1024px  */
  --font-scale-medium: 768 / 1440; /* 1023px-768px  */
}

.fade-item {
  display: none; /* 初始状态为隐藏 */
  /* font-size: 24px;
  color: #333;
  text-align: center;
  margin: 20px 0; */
}

/* 去除 <a> 标签的默认样式 */
a {
  text-decoration: none !important; /* 去掉下划线 */
  color: unset !important;
}

a:visited {
  color: unset; /* 去掉访问后的颜色变化 */
}

a:hover,
a:focus,
a:active {
  text-decoration: none; /* 去掉悬停和激活时的下划线 */
  color: unset; /* 去掉颜色变化 */
}

button {
  line-height: normal !important;
}

video {
  margin: 0;
  padding: 0;
  display: block;
}

:root {
  --textColor: #000000;
  --menuDividerColor: #ffffff;
}

#global-tooltip {
  position: absolute;
  visibility: hidden; /* 默认隐藏 */
  opacity: 0; /* 透明度为0 */
  transition: opacity 0.2s ease; /* 增加渐变效果 */
  background: #fff;
  color: #000;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 10000;
  pointer-events: none; /* 不影响鼠标事件 */
}
.error-page{
  text-align:center;
  padding:58px 0 70px 0
}

.error-main-text{
  font-size:25px;
  font-weight:500;
}

.error-sub-text{
  font-size:15px;
  font-weight:300;
}

/* 定宽 */
.width-container {
  width: var(--wide-width) !important;
  margin: 0 auto;
}

@media screen and (max-width: 1439px) and (min-width: 1024px) {
  .width-container {
    width: var(--sec-wide-width) !important;
    margin: 0 auto;
  }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
  .width-container {
    width: var(--tablet-wide-width) !important;
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) and (min-width: 320px) {
  .error-page{
    padding:31px 0 37px 0
  }

  .error-main-text{
    font-size:16px;

  }
  
  .error-sub-text{
    font-size:10px;

  }
}