* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


body {
	font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
	background-color: #0A192F;
	/* 深海军蓝 */
	color: #CCD6F6;
	/* 淡灰蓝文字 */
	scroll-behavior: smooth;
	min-width: 1200px;
}

/* 极简平滑滚动 */
html {
	scroll-behavior: smooth;
}

/* --- 导航栏 --- */
nav {
	position: fixed;
	top: 0;
	width: 100%;
	min-width: 1200px;
	z-index: 1000;
	padding: .625rem 8%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: rgba(3, 3, 5, 0.7);
	backdrop-filter: blur(1.25rem);
	border-bottom: .0625rem solid rgba(255, 255, 255, 0.1);
}

.logo {
	font-size: 24px;
	font-weight: 900;
	letter-spacing: .125rem;
	background: linear-gradient(90deg, #fff, #FFD700);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.nav-links {
	display: flex;
	align-items: center;
}

.nav-links a {
	color: #a0a0ab;
	text-decoration: none;
	margin-left: 32px;
	font-size: 14.4px;
	transition: 0.3s;
}

.nav-links a:hover {
	color: #FFD700;
}

nav .classifyRightP,
nav .classifyRightP a,
nav .classifyRightP div {
	color: #fff !important;
}

nav .classifyRightP.personO {
	margin-top: 0 !important;
}

nav .classifyRightP.personO>a>div {
	align-items: center !important;
	height: 36px;
	line-height: 36px !important;
}

/*产品购买*/
.productPurchaseNew {
	position: absolute;
	left: 0;
	top: 3.75rem;
	background-color: #000;
	color: #fff;
	border-bottom: .0625rem solid #8e24aa;
}

.ppn-item {
	border: .0625rem solid #000;
}

.ppn-item:hover {
	background-color: #fff;
	color: #000;
}

.ppn-item:nth-child(6) {
	background-color: #000;
	color: #fff;
	border: .0625rem solid #000;
}

.ppn-item:nth-child(6):hover {
	background-color: #fff;
	color: #000;
}

.footerMainB {
	background-color: #0a192f;
}

.footerMainBCenter {
	text-align: left;
}

/* 文档&新闻下拉菜单样式 */
.docNewsDropdown {
	position: absolute;
	top: 34px !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	background: #000000;
	border: 1px solid #FFD700;
	border-radius: 8px;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1);
	width: 132px !important;
	min-width: 132px;
	height: auto !important;
	padding: 6px 0;
	box-sizing: border-box;
	overflow: hidden;
	z-index: 1100;
}

.docNewsDropdown a {
	display: block;
	margin-left: 0 !important;
	color: inherit;
	text-decoration: none;
}

.docNewsDropdown .dropdown-item {
	width: 100%;
	min-width: 0;
	padding: 8px 16px;
	color: #fff !important;
	font-size: 13px !important;
	line-height: 18px !important;
	text-align: center;
	white-space: nowrap !important;
	box-sizing: border-box;
	cursor: pointer;
	transition: background-color 0.2s ease;
}

.docNewsDropdown .dropdown-item:hover {
	color: #FFD700 !important;
	background-color: #000;
}

/*  */
/*  */
/*  */
/*  */


/* Tailwind CSS 3.4.17 自定义样式提取 */

/* 基础颜色变量 */
:root {
	--gold: #FFD700;
	--orange: #FFA500;
	--bg-dark: #0A192F;
	--bg-darker: #020c1b;
	--bg-card: #112240;
	--border-color: #173A5E;
	--text-primary: #CCD6F6;
	--text-secondary: #8892b0;
}

/* 自定义颜色类 */
.text-gold {
	color: #FFD700;
}

.bg-gold {
	background-color: #FFD700;
}

.text-orange {
	color: #FFA500;
}

/* 渐变文字 */
.gradient-text {
	background: linear-gradient(90deg, #FFD700 0%, #FFA500 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

/* 卡片悬浮效果 */
.hover-card {
	transition: all 0.3s ease;
}

.hover-card:hover {
	transform: translateY(-10px);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

/* 按钮呼吸光效 */
.btn-glow {
	position: relative;
	overflow: hidden;
	animation: brightness-pulse 2s ease-in-out infinite;
}

@keyframes brightness-pulse {

	0%,
	100% {
		filter: brightness(1);
	}

	50% {
		filter: brightness(1.2);
	}
}

/* 表格行高亮 */
.pricing-row:hover {
	background-color: rgba(255, 215, 0, 0.05);
}

/* 滚动动画基础类 */
.fade-in-up {
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.fade-in-up.visible {
	opacity: 1;
	transform: translateY(0);
}

/* Tailwind 布局类 */
.flex {
	display: flex;
}

.grid {
	display: grid;
}

.block {
	display: block;
}

.hidden {
	display: none;
}

.inline-block {
	display: inline-block;
}

.inline-flex {
	display: inline-flex;
}

/* 网格列数 */
.grid-cols-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* Flex方向 */
.flex-col {
	flex-direction: column;
}

/* 对齐方式 */
.items-center {
	align-items: center;
}

.items-start {
	align-items: flex-start;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.flex-shrink-0 {
	flex-shrink: 0;
}

.flex-1 {
	flex: 1 1 0%;
}

/* 间距类 - Padding */
.p-4 {
	padding: 1rem;
}

.p-6 {
	padding: 1.5rem;
}

.p-8 {
	padding: 2rem;
}

.p-10 {
	padding: 2.5rem;
}

.py-1 {
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
}

.px-3 {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

.px-4 {
	padding-left: 1rem;
	padding-right: 1rem;
}

.px-6 {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.px-8 {
	padding-left: 2rem;
	padding-right: 2rem;
}

.px-12 {
	padding-left: 3rem;
	padding-right: 3rem;
}

.py-2 {
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.py-3 {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
}

.py-4 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.py-8 {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

.py-12 {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

.py-20 {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

.pt-32 {
	padding-top: 8rem;
}

.pb-20 {
	padding-bottom: 5rem;
}

/* 间距类 - Margin */
.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.mt-4 {
	margin-top: 1rem;
}

.mb-2 {
	margin-bottom: 0.5rem;
}

.mb-4 {
	margin-bottom: 1rem;
}

.mb-6 {
	margin-bottom: 1.5rem;
}

.mb-8 {
	margin-bottom: 2rem;
}

.mb-10 {
	margin-bottom: 2.5rem;
}

.mb-12 {
	margin-bottom: 3rem;
}

.mb-16 {
	margin-bottom: 4rem;
}

/* 间距类 - Gap */
.gap-3 {
	gap: 0.75rem;
}

.gap-4 {
	gap: 1rem;
}

.gap-6 {
	gap: 1.5rem;
}

.gap-8 {
	gap: 2rem;
}

.gap-12 {
	gap: 3rem;
}

/* 间距类 - Space */
.space-x-2> :not([hidden])~ :not([hidden]) {
	--tw-space-x-reverse: 0;
	margin-right: calc(0.5rem * var(--tw-space-x-reverse));
	margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-8 {
	--tw-space-x-reverse: 0;
	margin-right: calc(2rem * var(--tw-space-x-reverse));
	margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-3 {
	--tw-space-y-reverse: 0;
	margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-8 {
	--tw-space-y-reverse: 0;
	margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(2rem * var(--tw-space-y-reverse));
}

/* 颜色类 - Background */
.bg-\[\#0A192F\] {
	background-color: #0A192F;
}

.bg-\[\#020c1b\] {
	background-color: #020c1b;
}

.bg-\[\#112240\] {
	background-color: #112240;
}

.bg-blue-900 {
	background-color: #1e3a5f;
}

.bg-red-500 {
	background-color: #ef4444;
}

.bg-orange-500 {
	background-color: #f97316;
}

.bg-yellow-500 {
	background-color: #eab308;
}

.bg-green-500 {
	background-color: #22c55e;
}

.bg-gradient-to-r {
	background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-b {
	background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-gradient-to-br {
	background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.from-orange-500 {
	--tw-gradient-from: #f97316;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgb(249 115 22 / 0));
}

.to-gold {
	--tw-gradient-to: #6b7280;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#112240\] {
	--tw-gradient-from: #112240;
	--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(17, 34, 64, 0));
}

.to-\[\#0A192F\] {
	--tw-gradient-to: #0A192F;
}

/* 颜色类 - Text */
.text-white {
	color: #ffffff;
}

.text-\[\#CCD6F6\] {
	color: #CCD6F6;
}

.text-\[\#8892b0\] {
	color: #8892b0;
}

.text-green-400 {
	color: #4ade80;
}

.text-blue-400 {
	color: #60a5fa;
}

.text-yellow-500 {
	color: #eab308;
}

.text-red-500 {
	color: #ef4444;
}

/* 字体大小 */
.text-xs {
	font-size: 0.75rem;
	line-height: 1rem;
}

.text-sm {
	font-size: 0.875rem;
	line-height: 1.25rem;
}

.text-base {
	font-size: 1rem;
	line-height: 1.5rem;
}

.text-lg {
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem;
}

.text-2xl {
	font-size: 1.5rem;
	line-height: 2rem;
}

.text-3xl {
	font-size: 1.875rem;
	line-height: 2.25rem;
}

.text-4xl {
	font-size: 2.25rem;
	line-height: 2.5rem;
}

.text-5xl {
	font-size: 3rem;
	line-height: 1;
}

.text-6xl {
	font-size: 3.75rem;
	line-height: 1;
}

.text-7xl {
	font-size: 4.5rem;
	line-height: 1;
}

.text-9xl {
	font-size: 8rem;
	line-height: 1;
}

/* 字体粗细 */
.font-normal {
	font-weight: 400;
}

.font-bold {
	font-weight: 700;
}

.font-black {
	font-weight: 900;
}

/* 边框类 */
.border {
	border-width: 1px;
	border-style: solid;
}

.border-\[\#173A5E\] {
	border-color: #173A5E;
}

.border-\[\#304C75\] {
	border-color: #304C75;
}

.border-gold {
	border-color: #FFD700;
}

.border-b {
	border-bottom-width: 1px;
}

.border-opacity-30 {
	border-color: rgba(255, 215, 0, 0.3);
}

.border-opacity-50 {
	border-color: rgba(23, 58, 94, 0.5);
}

.border-4 {
	border-width: 4px;
}

/* 圆角类 */
.rounded {
	border-radius: 0.25rem;
}

.rounded-lg {
	border-radius: 0.5rem;
}

.rounded-xl {
	border-radius: 0.75rem;
}

.rounded-2xl {
	border-radius: 1rem;
}

.rounded-full {
	border-radius: 9999px;
}

/* 定位类 */
.fixed {
	position: fixed;
}

.absolute {
	position: absolute;
}

.relative {
	position: relative;
}

.top-0 {
	top: 0;
}

.top-10 {
	top: 2.5rem;
}

.top-20 {
	top: 5rem;
}

.left-0 {
	left: 0;
}

.left-10 {
	left: 2.5rem;
}

.right-0 {
	right: 0;
}

.right-6 {
	right: 1.5rem;
}

.bottom-4 {
	bottom: 1rem;
}

.bottom-20 {
	bottom: 5rem;
}

/* Z-index */
.z-0 {
	z-index: 0;
}

.z-10 {
	z-index: 10;
}

.z-50 {
	z-index: 50;
}

/* 宽度高度 */
.w-full {
	width: 100%;
}

.w-12 {
	width: 3rem;
}

.w-3 {
	width: 0.75rem;
}

.w-14 {
	width: 3.5rem;
}

.w-16 {
	width: 4rem;
}

.w-20 {
	width: 5rem;
}

.w-96 {
	width: 24rem;
}

.max-w-\[1440px\] {
	max-width: 1440px;
}

.max-w-2xl {
	max-width: 42rem;
}

.max-w-3xl {
	max-width: 48rem;
}

.max-w-4xl {
	max-width: 56rem;
}

.max-w-md {
	max-width: 28rem;
}

.h-full {
	height: 100%;
}

.h-10 {
	height: 2.5rem;
}

.h-3 {
	height: 0.75rem;
}

.h-12 {
	height: 3rem;
}

.h-16 {
	height: 4rem;
}

.h-20 {
	height: 5rem;
}

.h-32 {
	height: 8rem;
}

.h-64 {
	height: 16rem;
}

.h-80 {
	height: 20rem;
}

/* 溢出 */
.overflow-hidden {
	overflow: hidden;
}

.overflow-x-hidden {
	overflow-x: hidden;
}

.overflow-x-auto {
	overflow-x: auto;
}

/* 透明度 */
.opacity-20 {
	opacity: 0.2;
}

.opacity-50 {
	opacity: 0.5;
}

/* Background Opacity */
.bg-opacity-5 {
	background-color: rgba(255, 215, 0, 0.05);
}

.bg-opacity-10 {
	background-color: rgba(255, 215, 0, 0.1);
}

.bg-opacity-20 {
	background-color: rgba(34, 197, 94, 0.2);
}

.bg-opacity-50 {
	background-color: rgba(139, 92, 246, 0.5);
}

.bg-opacity-90 {
	background-color: rgba(10, 25, 47, 0.9);
}

/* 混合模式与滤镜 */
.mix-blend-multiply {
	mix-blend-mode: multiply;
}

.filter {
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia);
}

.blur-3xl {
	--tw-blur: blur(64px);
}

.backdrop-blur-md {
	--tw-backdrop-blur: blur(12px);
}

/* 阴影 */
.shadow-lg {
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-2xl {
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-\[0_0_20px_rgba\(255\2c 215\2c 0\2c 0\.3\)\] {
	box-shadow: 0 0 20px rgba(255, 215, 0, 0.3);
}

/* 过渡与变换 */
.transition {
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
}

.duration-500 {
	transition-duration: 500ms;
}

.transform {
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-translate-x-1\/2 {
	--tw-translate-x: -50%;
}

.-translate-y-1\/2 {
	--tw-translate-y: -50%;
}

.translate-x-0 {
	--tw-translate-x: 0;
}

.translate-y-0 {
	--tw-translate-y: 0;
}

.rotate-2 {
	transform: rotate(2deg);
}

.scale-105 {
	--tw-scale-x: 1.05;
	--tw-scale-y: 1.05;
}

.scale-110 {
	--tw-scale-x: 1.1;
	--tw-scale-y: 1.1;
}

/* Hover 状态 */
.hover\:text-gold:hover {
	color: #FFD700;
}

.hover\:bg-opacity-90:hover {
	background-color: rgba(255, 215, 0, 0.9);
}

.hover\:scale-105:hover {
	transform: scale(1.05);
}

.hover\:scale-110:hover {
	--tw-scale-x: 1.1;
	--tw-scale-y: 1.1;
}

.hover\:rotate-0:hover {
	transform: rotate(0deg);
}

/* Focus 状态 */
.focus\:outline-none:focus {
	outline: 2px solid transparent;
	outline-offset: 2px;
}

.focus\:border-gold:focus {
	border-color: #FFD700;
}

/* 动画 */
.animate-pulse {
	animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.animate-blob {
	animation: blob 7s infinite;
}

@keyframes blob {

	0%,
	100% {
		transform: translate(0px, 0px) scale(1);
	}

	33% {
		transform: translate(30px, -50px) scale(1.1);
	}

	66% {
		transform: translate(-20px, 20px) scale(0.9);
	}
}

.animation-delay-2000 {
	animation-delay: 2s;
}

/* 文本对齐 */
.text-center {
	text-align: center;
}

.text-left {
	text-align: left;
}

/* 表格 */
.border-collapse {
	border-collapse: collapse;
}

/* 响应式 - 桌面端 */
@media (min-width: 768px) {
	.md\:flex {
		display: flex;
	}

	.md\:block {
		display: block;
	}

	.md\:hidden {
		display: none;
	}

	.md\:grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.md\:grid-cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.md\:grid-cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.md\:flex-row {
		flex-direction: row;
	}

	.md\:text-left {
		text-align: left;
	}

	.md\:text-5xl {
		font-size: 3rem;
		line-height: 1;
	}

	.md\:text-7xl {
		font-size: 4.5rem;
		line-height: 1;
	}

	.md\:text-2xl {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.md\:p-12 {
		padding: 3rem;
	}

	.md\:p-16 {
		padding: 4rem;
	}

	.md\:h-80 {
		height: 20rem;
	}
}


.module-title {
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 5px;
}

.module-desc {
	font-size: 12px;
	color: #8892b0;
	line-height: 1.4;
}

.data-label {
	font-size: 12px;
	color: #8892b0;
	margin-bottom: 8px;
}

.data-val {
	font-size: 18px;
	font-weight: 700;
}