/* 目前最流行的屏幕分辨率是1920x1080（1080p） */
/* Reset and Base Styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Inter, Arial;
}
html,body {
  width: 100%;
  height: 100%;

}

:root {
  --bar-width:280px;
  --primary-color: #84CC16; 
  --bg-primary: #84CC16; 
  --font-size-1: 36px;
  --font-size-2: 24px;
  /* foldable title*/
  --font-size-3: 20px;
  --font-size-4: 18px;
  --font-size-5: 16px;
  --font-size-6: 14px;
  --font-size-7: 12px;
  --scrollbar-width: thin;
  --scrollbar-color: hsla(228, 7%, 74%, .6) transparent;


  --background-color: #f7f9f8;
  --card-background: #ffffff;
  --text-color: #344054;
  --header-color: #101828;
  --button-bg: #ffffff;
  --button-hover-bg: #f9fafb;
  --button-text-color: #344054;
  --button-border-color: #d0d5dd;
  --border-color: #e0e0e0;
  --shadow-color: rgba(0, 0, 0, 0.05);
  --placeholder-bg: #ECFDF3;
  --placeholder-text: #027A48;


  --bg-color: #f7f8fa;
  --primary-green: #00d1a1;
  --accent-magenta: #f000b5;
  --text-color: #2d3748;
  --container-bg: #ffffff;


  /* AuroBind 绿色主题颜色变量 */
  /* 主色调 - 绿色系 */
  --auro-primary: #52c41a;
  --auro-primary-dark: #389e0d;
  --auro-primary-darker: #237804;
  --auro-primary-light: #73d13d;
  --auro-primary-lighter: #95de64;
  
  /* 背景色 */
  --auro-bg-primary: #ffffff;
  --auro-bg-secondary: #f8f9f8;
  --auro-bg-tertiary: #f6ffed;
  --auro-bg-quaternary: #e6f7d9;
  
  /* 边框色 */
  --auro-border-primary: #b7eb8f;
  --auro-border-secondary: #d9d9d9;
  --auro-border-focus: #52c41a;
  
  /* 文字色 */
  --auro-text-primary: #333333;
  --auro-text-secondary: #666666;
  --auro-text-light: #bfbfbf;
  --auro-text-white: #ffffff;
  
  /* 阴影色 */
  --auro-shadow-primary: rgba(82, 196, 26, 0.1);
  --auro-shadow-secondary: rgba(82, 196, 26, 0.3);
  --auro-shadow-hover: rgba(82, 196, 26, 0.4);
  
  /* 渐变 */
  --auro-gradient-primary: linear-gradient(135deg, #52c41a 0%, #389e0d 100%);
  --auro-gradient-secondary: linear-gradient(135deg, #f6ffed 0%, #e6f7d9 100%);
  --auro-gradient-quota: linear-gradient(90deg, #52c41a 0%, #389e0d 100%);
  
  /* 状态色 */
  --auro-success: #52c41a;
  --auro-warning: #faad14;
  --auro-error: #ff4d4f;
  --auro-info: #52c41a;

}
#root {
  height: 100%;
  width: 100%;
  background-color: white;
}

body {
  background-color: white;
  color: var(--text-primary);
  line-height: 1.6;
  overflow-y: auto;
  min-width: 1280px;
  min-height: 800px;
  overflow-x: auto;
}

body :lang(en), 
body :lang(en-US) {
  font-family: Inter, Arial;
}

body :lang(zh), 
body :lang(zh-CN) {
  font-family: "OPPO Sans", Inter;
}


@media screen and (max-width: 1920px), screen and (max-height: 1080px) {
  body { }
}

@media screen and (max-width: 1440px), screen and (max-height: 900px) {
  body {}
}

/* 手机模式下移除最小宽度、最小高度和溢出滚动限制 */
@media screen and (max-width: 768px) {
  body {
    overflow-y: unset;
    min-width: unset;
    min-height: unset;
    overflow-x: unset;
  }
}

.ant-app{
  height: 100%;
  width: 100%;
}


a {
  color: var(--accent-tertiary);
  text-decoration: none;
  transition: color 0.2s;
}

a:hover {
  color: var(--accent-secondary);
}

input {
  background-color: white;
}
.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pointer {
  cursor: pointer;
}

.none{
  display: none;
}

.block {
  display: block;
}


.arrow-up {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #494848;
  &:hover{
    border-bottom: 7px solid #8d8b8b;
  }
}
/* 向下箭头 */
.arrow-down {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #494848;
  &:hover{
    border-top: 7px solid #8d8b8b;
  }
}


.title-arrow-up {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #494848;
  &:hover{
    border-bottom: 9px solid #8d8b8b;
  }
}

.title-arrow-down {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #494848;
  &:hover{
    border-top: 9px solid #8d8b8b;
  }
}
.arrow-up,
.arrow-down,
.title-arrow-up,
.title-arrow-down{
  width: 0; 
  height: 0; 
  transition: all 0.3s ease;
}

/* 悬停效果 */
.title-arrow-up:hover {
  transform: translateY(-3px);
  border-bottom-color: #333;
}

.title-arrow-down:hover {
  transform: translateY(3px);
  border-top-color: #333;
}

/* 点击动画 */
.title-arrow-up:active {
  transform: scale(0.9);
}

.title-arrow-down:active {
  transform: scale(0.9);
}
.version-tip{
  text-align: left;
  width: 300px;
}


/* antd 样式重写 start */

.ant-message-notice-content {
  box-shadow: 0px 2px 8px 3px rgba(0, 0, 0, 0.1) !important;
  border-radius: 8px !important;
  font-weight: 400;
  font-size: 14px;
  color: #000000;
  line-height: 20px;
  text-align: justify;
  font-style: normal;

  button {
    width: 82px;
    height: 28px;
    background: rgba(132, 204, 22, 0.1);
    border-radius: 8px;
    border: 1px solid #6BCE00;
    font-weight: 400;
    font-size: 12px;
    color: #6BB100;
    line-height: 17px;
    text-align: justify;
    font-style: normal;
  }


}

.ant-modal-wrap{
overflow: hidden !important;
}
/* antd 样式重写 end */