@charset "UTF-8";
/* CSS Reset 基线 - 消除浏览器默认样式差异 */
/* 盒模型重置 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* 边距清除 */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
figure,
blockquote,
pre {
  margin: 0;
  padding: 0;
}

/* 文档基线 */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  line-height: 1.5;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

/* 标题重置 - 继承字体大小和字重 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/* 列表重置 */
ul,
ol {
  list-style: none;
}

/* 链接重置 */
a {
  color: inherit;
  text-decoration: none;
}

/* 媒体元素重置 */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
}

/* 表单元素重置 */
input,
button,
textarea,
select {
  font: inherit;
  margin: 0;
  padding: 0;
}

button {
  background: none;
  border: none;
  cursor: pointer;
}

/* 表格重置 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 文本选中样式 */
::selection {
  background: var(--color-primary);
  color: #fff;
}
/* CSS 自定义属性 - 设计令牌（Design Tokens） */
:root {
  /* ========== 颜色系统 ========== */
  --color-primary: #6423FE;
  --color-primary-hover: #5A1FE4;
  --color-brand-purple: #9747FF;
  --color-text-primary: #333333;
  --color-background-white: #ffffff;
  --color-background-page: #F8F9FC;
  --color-icon-disabled: rgba(0, 0, 0, 0.25);
  /* ========== 渐变色 ========== */
  --gradient-banner: linear-gradient(0deg, #030011 5%, #070120 5%, #2D149E 100%);
  --gradient-title: linear-gradient(166deg, #C532FF 38%, #34A4FF 74%);
  --gradient-title-mobile: linear-gradient(97deg, #D469FF 41%, #70BFFF 85%);
  --gradient-input-border: linear-gradient(270deg, #FF7979 30%, #002AFA 100%);
  --gradient-input-border-active: linear-gradient(270deg, #FF7979 30%, #002AFA 100%);
  /* ========== 过渡时长 ========== */
  --transition-base: 200ms;
  /* ========== 文字色 ========== */
  --color-text-heading: #222222;
  --color-text-secondary: rgba(0, 0, 0, 0.45);
  --color-text-tertiary: #555555;
  --color-text-hint: #888888;
  --color-text-body: rgba(0, 0, 0, 0.88);
  /* ========== 边框色 ========== */
  --color-border: #e8e8e8;
  --color-border-light: #f0f0f0;
  --color-border-secondary: rgba(0, 0, 0, 0.06);
  /* ========== 背景色 ========== */
  --color-background-light: #fafafa;
  --color-background-code: #f8f8f8;
  --color-background-subtle: rgba(0, 0, 0, 0.02);
  /* ========== 错误色 ========== */
  --color-error: #ff4d4f;
  /* ========== 警告色 ========== */
  --color-warning-bg: #fffbf0;
  --color-warning-border: #ffe58f;
  --color-warning-text: #ad8b00;
  /* ========== Z-index 层级 ========== */
  --z-index-sticky: 999;
}
/* 全局业务样式 */
/* SCSS 混入 - 布局、文本省略、响应式断点 */
/* SCSS 主题变量 - 用于 SCSS 文件中的编译时计算 */
/* ========== 响应式断点变量 ========== */
/* ========== 布局混入 ========== */
/* Flex 水平垂直居中 */
/* Flex 两端对齐 */
/* Flex 纵向排列 */
/* Flex 纵向居中 */
/* 绝对定位居中 */
/* ========== 文本省略混入 ========== */
/* 单行文本省略 */
/* 多行文本省略 */
/* ========== 响应式断点混入 ========== */
/* 移动端 - 小于 768px */
/* 平板端 - 768px ~ 991px */
/* 桌面端 - 大于等于 992px */
/* 大桌面端 - 大于等于 1200px */
/* 超大桌面端 - 大于等于 1600px */
/* 双栏堆叠断点 - 小于 1280px */
/* 小屏手机 - 小于 480px */
/* ========== 组件混入 ========== */
/* 描边按钮（View History / Copy / Download 等次要操作按钮） */
/* ========== 其他实用混入 ========== */
/* 清除浮动 */
/* 隐藏滚动条 */
/* 自定义滚动条 */
/* 项目统一滚动条（内容区域使用） */
/* 占位符样式 */
/* 禁用文本选择 */
/* 硬件加速 */
/*
 * 注意:
 * - reset.scss 和 variables.scss 应在入口文件（main.tsx）中引入
 * - 本文件用于全局生效的业务样式
 */
/* 示例: 全局字体族 */
body {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}