/* ==============================================
  base.css 全局基础样式
  职责：CSS变量 + 浏览器重置 + 原生标签标准化 + 基础通用工具类
  禁止写入业务组件、页面专属样式
============================================== */
:root {
	/* 主题主色 */
	--color-primary: #8b5cf6;
	--color-primary-light-1: #2c2357;
	--color-primary-light-2: #a0cfff;
	--color-primary-light-3: #fff3;
	/* 顶部头部红、提现按钮、金额红字 */
	--color-success: #10b981;
	/* 直推收益绿色 */
	--color-warning: #FF8426;
	--color-danger: #f53f3f;

	/* 业务辅助色--color-purple */
	--color-white: #fff;
	--color-black: #000000;
	--color-green: #10b981;
	--color-gray: #a6a3b3;
	--color-grey: #f7f7fa;
	--color-red: #FC5406;
	--color-blue: #60a5fa;
	--color-yellow: #f59e0b;
	--color-purple: #8b5cf6;
	--color-purple-1: #cfbbfb;
	--color-purple-2: #D896FF;

	/* 文字色系 */
	--color-text: #fff;
	/* 白色文字 */
	--color-text-1: #1D2129;
	/* 页面主深色文字（标题） */
	--color-text-2: #1D2129;
	/* 次要文字（模块标题） */
	--color-price: #FF5200;

	/* 背景色系 */
	--color-bg: #160240;
	/* 页面整体背景 */
	--color-bg-gray: #F5F7FA;
	/* 浅灰块背景 */
	--color-bg-card: #1e173a;
	/* 卡片白色底色 */
	--color-bg-red: #E52B2B;
	/* 分割/边框色 */
	--color-border: rgba(89, 75, 119, .4);

	--bg-linear1: linear-gradient(180deg, #441aa005, #441aa047);
	--bg-linear2: linear-gradient(180deg, rgba(28, 27, 97, .5), rgba(73, 22, 112, .5));
	--bg-linear3: linear-gradient(315deg, #150627, #3e286d);
	--primary-gradient: linear-gradient(135deg, #8b5cf6 0%, #a0cfff 50%, #60a5fa 100%);

	/* 间距尺寸 */
	--space-xxs: 5px;
	--space-xs: 10px;
	--space-sm: 16px;
	--space-md: 20px;
	--space-lg: 25px;
	--space-xl: 30px;

	/* 圆角 */
	--radius-sm: 5px;
	--radius-md: 8px;
	--radius-lg: 10px;
	--radius-full: 9999px;

	/* 阴影 */
	--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
	--shadow-md: 0 2px 12px rgba(0, 0, 0, 0.06);

	/* 字体 */
	--font-base: system-ui, -apple-system, PingFang SC, Microsoft YaHei, sans-serif;
	--font-xs: 12px;
	--font-13: 13px;
	--font-sm: 14px;
	--font-md: 16px;
	--font-lg: 18px;
	--font-xl: 28px;
	--font-xxl: 36px;
	/* 层级 z-index */
	--z-wave: 2;
	/* 头部波浪层级 */
	--z-modal: 999;
	--z-tooltip: 1001;

	/* 过渡动画 */
	--transition-base: all 0.2s ease;

	--tw-ring-shadow:
		0 0 0 calc(3px + var(--tw-ring-offset-width, 0px)) rgb(68 26 160 / 28%),
		0 0 0 calc(1px + var(--tw-ring-offset-width, 0px)) rgb(68 26 160 / 2%);
	--tw-inset-shadow: 0 0 #0000;
	--tw-inset-ring-shadow: 0 0 #0000;
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;

}


/* 全局重置 */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
}

body {
	font-size: 14px;
	font-family: var(--font-base);
	color: var(--color-text);
	background-color: #000014;
}

/* 列表清除默认圆点 */
ul,
ol {
	list-style: none;
}

/* 链接基础样式 */
a {
	color: inherit;
	text-decoration: none;
	transition: var(--transition-base);
}

a:hover {
	color: var(--color-primary);
}

/* 图片自适应、消除底部留白 */
img {
	max-width: 100%;
	vertical-align: middle;
	border: none;
}

/* 表单元素统一继承字体 */
input,
textarea,
select,
button {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
}

/* 按钮抹平原生样式 */
button {
	background: none;
	border: none;
	cursor: pointer;
}

/* 输入框基础边框与焦点 */
input {
	border: 1px solid var(--color-border);
	outline: none;
}

input:focus {
	border-color: none;
	outline: none;
}

/* 文本域仅允许垂直拉伸 */
textarea {
	resize: vertical;
}

/* 去除数字输入框上下箭头 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* 表格统一边框合并 */
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

th,
td {
	border: 1px solid var(--color-border);
	padding: var(--space-sm);
	text-align: left;
}

th {
	background-color: var(--color-bg-gray);
}

/* 去浮动 */
.clearfix:after,
.clearfix:before {
	display: table;
	content: " "
}

.object-cover {
	object-fit: cover;
}

.object-contain {
	object-fit: contain;
}

.clearfix:after {
	clear: both
}

::-webkit-input-placeholder {
	color: #A9AEB8;
}

::-webkit-input-placeholder {
	color: #A9AEB8;
}

::-moz-placeholder {
	color: #A9AEB8;
}

:-moz-placeholder {
	color: #A9AEB8;
}

/* 文字选中背景色 */
::selection {
	background: rgba(22, 119, 255, 0.05);
}

/* 全局滚动条美化 */
::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.6);
	border-radius: var(--radius-full);
}

::-webkit-scrollbar-track {
	background: transparent;
}