/* 加朋智慧设计系统 - CSS变量定义 */
/* =========================================== */
@font-face {
    font-family: 'PingFangSC-Ultralight';
    src: url('https://qiucdn.jiapengzhihui.com/PingFangSC/PingFangSC-Ultralight.woff2') format('woff2');
}

@font-face {
    font-family: 'PingFangSC-Thin';
    src: url('https://qiucdn.jiapengzhihui.com/PingFangSC/PingFangSC-Thin.woff2') format('woff2');
}

@font-face {
    font-family: 'PingFangSC-Light';
    src: url('https://qiucdn.jiapengzhihui.com/PingFangSC/PingFangSC-Light.woff2') format('woff2');
}

@font-face {
    font-family: 'PingFangSC-Regular';
    src: url('https://qiucdn.jiapengzhihui.com/PingFangSC/PingFangSC-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'PingFangSC-Medium';
    src: url('https://qiucdn.jiapengzhihui.com/PingFangSC/PingFangSC-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'PingFangSC-Semibold';
    src: url('https://qiucdn.jiapengzhihui.com/PingFangSC/PingFangSC-Semibold.woff2') format('woff2');
}

@font-face {
    font-family: 'AlimamaDongFangDaKai-Regular';
    src: url('https://qiucdn.jiapengzhihui.com/AlimamaDongFangDaKai/AlimamaDongFangDaKai-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'AlimamaShuHeiTi-Bold';
    src: url('https://qiucdn.jiapengzhihui.com/AlimamaShuHeiTi/AlimamaShuHeiTi-Bold.woff2') format('woff2');
}
:root {
  /* 1. 色彩规范 */
  /* =========================================== */
  /* 1.1 主色定义 */
  --jp-color-primary: #0087FF; /* 主要操作按钮、核心功能入口、重要链接 */
  --jp-color-text-secondary: #013E74; /* 次要文字信息、辅助说明文字 */
  --jp-color-accent: #FF812C; /* 强调信息、警告提示、次要操作 */
  --jp-color-error: #FF3838; /* 错误提示、危险操作、禁止状态 */
  --jp-color-title: #333333; /* 主标题、重要内容文字 */
  --jp-color-subtitle: #666666; /* 副标题、次要标题、辅助说明 */
  --jp-color-text-assist: #999999; /* 占位文字、辅助信息、次要内容 */
  --jp-color-white: #FFFFFF; /* 背景色、文字底色 */
  --jp-color-black: #000000; /* 纯黑文字、边框 */
  --jp-color-blue: #00B8CF; /* 辅助蓝色 */
  --jp-color-green: #52B55E; /* 成功绿色 */
  --jp-color-border: #dcdfe6; /* 默认边框颜色 */
  /* 透明度辅助色 */
  --jp-color-primary-60: rgba(0, 135, 255, 0.6); /* 主色60%透明度 */
  --jp-color-primary-10: rgba(0, 135, 255, 0.1); /* 主色10%透明度 */
  --jp-color-accent-60: rgba(255, 129, 44, 0.6); /* 强调色60%透明度 */
  --jp-color-accent-10: rgba(255, 129, 44, 0.1); /* 强调色10%透明度 */
  --jp-color-error-60: rgba(255, 56, 56, 0.6); /* 错误色60%透明度 */
  --jp-color-error-10: rgba(255, 56, 56, 0.1); /* 错误色10%透明度 */
  --jp-color-title-60: rgba(51, 51, 51, 0.6); /* 标题色60%透明度 */
  --jp-color-title-10: rgba(51, 51, 51, 0.1); /* 标题色10%透明度 */
  --jp-color-subtitle-60: rgba(102, 102, 102, 0.6); /* 副标题色60%透明度 */
  --jp-color-subtitle-10: rgba(102, 102, 102, 0.1); /* 副标题色10%透明度 */
  --jp-color-text-assist-60: rgba(153, 153, 153, 0.6); /* 辅助文字色60%透明度 */
  --jp-color-white-60: rgba(255, 255, 255, 0.6); /* 白色60%透明度 */
  --jp-color-white-10: rgba(255, 255, 255, 0.1); /* 白色10%透明度 */
  --jp-color-black-60: rgba(0, 0, 0, 0.6); /* 黑色60%透明度 */
  --jp-color-black-10: rgba(0, 0, 0, 0.1); /* 黑色10%透明度 */
  --jp-color-blue-60: rgba(0, 184, 207, 0.6); /* 辅助蓝色60%透明度 */
  --jp-color-blue-10: rgba(0, 184, 207, 0.1); /* 辅助蓝色10%透明度 */
  --jp-color-green-60: rgba(82, 181, 94, 0.6); /* 成功绿色60%透明度 */
  --jp-color-green-10: rgba(82, 181, 94, 0.1); /* 成功绿色10%透明度 */
  --jp-color-pink-gradient: linear-gradient(90.00deg, #fee 0%, #fff 100%); /*粉色渐变*/
  /* 字体规范 */
  /* =========================================== */
  /* 字体家族 */
  --jp-font-family-title: 'AlimamaShuHeiTi-Bold', 'Microsoft YaHei', sans-serif; /* 标题字体 */
  --jp-font-family-portal: 'AlimamaDongFangDaKai-Regular','PingFangSC-Regular', 'Microsoft YaHei', sans-serif; /* 门户字体 */
  --jp-font-family-regular: 'PingFangSC-Regular','PingFang SC', 'Microsoft YaHei', sans-serif; /* 常规字体 */
  --jp-font-family-bold: 'PingFangSC-Semibold',"SimHei", "黑体", Arial, sans-serif; /* 加粗字体 */
  /* 字体大小 */
  --jp-font-size-important-title: 20px; /* 重要标题 */
  --jp-font-size-title: 18px; /* 标题 */
  --jp-font-size-common-title: 16px; /* 常用标题 */
  --jp-font-size-content: 14px; /* 内容 */
  --jp-font-size-assist: 12px; /* 辅助 */
  /* 3. 间距规范 */
  /* =========================================== */
  --jp-spacing-xxs: 2px; /* 极小间距 */
  --jp-spacing-xs: 4px; /* 超小间距 */
  --jp-spacing-sm: 8px; /* 小间距 */
  --jp-spacing-md: 12px; /* 中等间距 */
  --jp-spacing-lg: 16px; /* 大间距 */
  --jp-spacing-xl: 20px; /* 超大间距 */
  --jp-spacing-xxl: 24px; /* 超级大间距 */
  --jp-spacing-xxxl: 32px; /* 极大间距 */
  --jp-spacing-xxxxl: 40px; /* 巨大间距 */
  --jp-spacing-5: 5px; /* 小幅间距，常用于图标间距、小组件内边距等 */
  --jp-spacing-10: 10px; /* 常用中等偏小间距，如按钮间距、输入框上下间距等 */
  /*  Margin 规范（外边距）*/
  /* =========================================== */
  --jp-margin-xxs: 2px; /* 极小外边距 */
  --jp-margin-xs: 4px; /* 超小外边距 */
  --jp-margin-sm: 8px; /* 小外边距 */
  --jp-margin-md: 12px; /* 中等外边距 */
  --jp-margin-lg: 16px; /* 大外边距 */
  --jp-margin-xl: 20px; /* 超大外边距 */
  --jp-margin-xxl: 24px; /* 超级大外边距 */
  --jp-margin-xxxl: 32px; /* 极大外边距 */
  --jp-margin-xxxxl: 40px; /* 巨大外边距 */
  --jp-margin-5: 5px; /* 小幅外边距 */
  --jp-margin-10: 10px; /* 常用外边距，如卡片间距、模块间隔等 */
  --jp-margin-left-0: 0px; /* 左侧无外边距，常用于左对齐布局 */
  /* 为了方便使用，也可以提供负 margin（常用于布局微调） */
  --jp-margin-negative-xxs: -2px;
  --jp-margin-negative-xs: -4px;
  --jp-margin-negative-sm: -8px;
  --jp-margin-negative-md: -12px;
  --jp-margin-negative-lg: -16px;
  --jp-margin-negative-xl: -20px;
  --jp-margin-negative-xxl: -24px;
  --jp-margin-negative-xxxl: -32px;
  --jp-margin-negative-xxxxl: -40px;
  /* Padding 规范（内边距）*/
  /* =========================================== */
  --jp-padding-xxs: 2px; /* 极小内边距 */
  --jp-padding-xs: 4px; /* 超小内边距 */
  --jp-padding-sm: 8px; /* 小内边距 */
  --jp-padding-md: 12px; /* 中等内边距 */
  --jp-padding-lg: 16px; /* 大内边距 */
  --jp-padding-xl: 20px; /* 超大内边距 */
  --jp-padding-xxl: 24px; /* 超级大内边距 */
  --jp-padding-xxxl: 32px; /* 极大内边距 */
  --jp-padding-xxxxl: 40px; /* 巨大内边距 */
  --jp-padding-5: 5px; /* 小幅内边距，适合紧凑型组件内部 */
  --jp-padding-10: 10px; /* 常用内边距，如卡片内容区、表单区域等 */
  /* 边框规范 */
  /* =========================================== */
  --jp-border-width-thin: 1px; /* 细边框 */
  --jp-border-width-medium: 2px; /* 中等边框 */
  --jp-border-width-thick: 3px; /* 粗边框 */
  --jp-border-radius-round: 50%; /* 圆形 */
  /* 阴影规范 */
  /* =========================================== */
  --jp-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1); /* 小阴影 */
  --jp-shadow-md: 0 2px 4px rgba(0, 0, 0, 0.1); /* 中等阴影 */
  --jp-shadow-lg: 0 4px 8px rgba(0, 0, 0, 0.1); /* 大阴影 */
  --jp-shadow-xl: 0 8px 16px rgba(0, 0, 0, 0.1); /* 超大阴影 */
  --jp-shadow-2xl: 0 12px 24px rgba(0, 0, 0, 0.15); /* 超级大阴影 */
  --jp-shadow-inner: inset 0 1px 2px rgba(0, 0, 0, 0.1); /* 内阴影 */
  --jp-shadow-outline: 0 0 0 2px rgba(0, 135, 255, 0.3); /* 聚焦轮廓 */
  --jp-shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.15); /* 悬停阴影 */
  --jp-shadow-active: 0 2px 4px rgba(0, 0, 0, 0.2); /* 激活阴影 */
  /* 透明度规范 */
  /* =========================================== */
  --jp-opacity-disabled: 0.5; /* 禁用状态透明度 */
  --jp-opacity-hover: 0.8; /* 悬停状态透明度 */
  --jp-opacity-active: 0.9; /* 激活状态透明度 */
  /*  动画规范 */
  /* =========================================== */
  --jp-animation-duration-fast: 150ms; /* 快速动画 */
  --jp-animation-duration-normal: 300ms; /* 标准动画 */
  --jp-animation-duration-slow: 500ms; /* 慢速动画 */
  --jp-animation-duration-slower: 800ms; /* 很慢动画 */
}