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

	:root {
		--primary: #ff6b00;
		--primary-dark: #e65100;
		--secondary: #00d4ff;
		--dark: #0a0a0a;
		--darker: #050505;
		--card-bg: rgba(20, 20, 30, 0.8);
		--text: #ffffff;
		--text-muted: #a0a0a0;
		--border: rgba(255, 107, 0, 0.3);
		--glow: 0 0 20px rgba(255, 107, 0, 0.5);
	}

	@font-face {
		font-family: 'Tech';
		src: local('Arial Black'), local('Helvetica Neue Bold');
		font-weight: bold;
	}

	body {
		font-family: 'Microsoft YaHei', 'PingFang SC', sans-serif;
		background: var(--darker);
		color: var(--text);
		line-height: 1.6;
		overflow-x: hidden;
		background-image:
			radial-gradient(circle at 20% 50%, rgba(255, 107, 0, 0.15) 0%, transparent 50%),
			radial-gradient(circle at 80% 80%, rgba(0, 212, 255, 0.1) 0%, transparent 50%),
			linear-gradient(180deg, var(--darker) 0%, var(--dark) 100%);
		min-height: 100vh;
	}

	/* 动态背景网格 */
	.dy-bg-grid {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image:
			linear-gradient(rgba(255, 107, 0, 0.03) 1px, transparent 1px),
			linear-gradient(90deg, rgba(255, 107, 0, 0.03) 1px, transparent 1px);
		background-size: 50px 50px;
		pointer-events: none;
		z-index: -1;
		animation: gridMove 20s linear infinite;
	}

	@keyframes gridMove {
		0% {
			transform: translate(0, 0);
		}

		100% {
			transform: translate(50px, 50px);
		}
	}

	/* 导航栏 */
	nav {
		background: rgba(10, 10, 10, 0.95);
		backdrop-filter: blur(10px);
		border-bottom: 1px solid var(--border);
		position: sticky;
		top: 0;
		z-index: 1000;
		padding: 1rem 0;
	}

	.dy-nav-container {
		max-width: 1200px;
		margin: 0 auto;
		padding: 0 20px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.dy-logo {
		font-size: 1.8rem;
		font-weight: bold;
		background: linear-gradient(45deg, var(--primary), var(--secondary));
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		text-decoration: none;
		display: flex;
		align-items: center;
		gap: 10px;
		text-shadow: 0 0 30px rgba(255, 107, 0, 0.5);
	}

	.dy-logo::before {
		content: '⚡';
		font-size: 1.5rem;
		-webkit-text-fill-color: var(--primary);
		animation: pulse 2s infinite;
	}

	@keyframes pulse {

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

		50% {
			opacity: 0.7;
			transform: scale(1.1);
		}
	}

	.dy-nav-links {
		display: flex;
		gap: 2rem;
		list-style: none;
	}

	.dy-nav-links a {
		color: var(--text);
		text-decoration: none;
		font-weight: 500;
		transition: all 0.3s;
		position: relative;
		padding: 5px 0;
	}

	.dy-nav-links a::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		height: 2px;
		background: var(--primary);
		transition: width 0.3s;
	}

	.dy-nav-links a:hover {
		color: var(--primary);
	}

	.dy-nav-links a:hover::after {
		width: 100%;
	}

	.dy-mobile-menu-btn {
		display: none;
		background: none;
		border: none;
		color: var(--text);
		font-size: 1.5rem;
		cursor: pointer;
	}

	/* 主横幅区域 */
	.dy-hero {
		padding: 4rem 20px;
		text-align: center;
		position: relative;
		overflow: hidden;
	}

	.dy-hero::before {
		content: '';
		position: absolute;
		top: -50%;
		left: -50%;
		width: 200%;
		height: 200%;
		background: radial-gradient(circle, rgba(255, 107, 0, 0.1) 0%, transparent 70%);
		animation: rotate 30s linear infinite;
		z-index: -1;
	}

	@keyframes rotate {
		0% {
			transform: rotate(0deg);
		}

		100% {
			transform: rotate(360deg);
		}
	}

	.dy-hero h1 {
		font-size: 3rem;
		margin-bottom: 1rem;
		background: linear-gradient(135deg, #fff 0%, var(--primary) 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		text-transform: uppercase;
		letter-spacing: 2px;
		animation: glow 3s ease-in-out infinite alternate;
	}

	@keyframes glow {
		from {
			filter: drop-shadow(0 0 20px rgba(255, 107, 0, 0.3));
		}

		to {
			filter: drop-shadow(0 0 30px rgba(255, 107, 0, 0.6));
		}
	}

	.dy-hero p {
		font-size: 1.2rem;
		color: var(--text-muted);
		max-width: 600px;
		margin: 0 auto 2rem;
	}

	.dy-status-badge {
		display: inline-flex;
		align-items: center;
		gap: 8px;
		background: rgba(0, 255, 0, 0.1);
		border: 1px solid rgba(0, 255, 0, 0.3);
		padding: 8px 20px;
		border-radius: 50px;
		color: #00ff88;
		font-weight: bold;
		margin-bottom: 2rem;
		animation: blink 2s infinite;
	}

	@keyframes blink {

		0%,
		100% {
			opacity: 1;
		}

		50% {
			opacity: 0.7;
		}
	}

	.dy-status-badge::before {
		content: '';
		width: 8px;
		height: 8px;
		background: #00ff88;
		border-radius: 50%;
		box-shadow: 0 0 10px #00ff88;
	}

	/* 主图模块 */
	.dy-main-showcase {
		max-width: 1000px;
		margin: 0 auto 4rem;
		position: relative;
		border-radius: 20px;
		overflow: hidden;
		box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8), var(--glow);
		border: 2px solid var(--border);
		background: var(--card-bg);
	}

	.dy-main-image {
		width: 100%;
		height: auto;
		display: block;
		position: relative;
		background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);
		min-height: 400px;
		display: flex;
		align-items: center;
		justify-content: center;
		overflow: hidden;
	}

	.dy-main-image::before {
		content: 'CF AUXILIARY SYSTEM';
		position: absolute;
		font-size: 3rem;
		font-weight: bold;
		color: rgba(255, 255, 255, 0.05);
		letter-spacing: 10px;
		white-space: nowrap;
		animation: slideText 20s linear infinite;
	}

	@keyframes slideText {
		0% {
			transform: translateX(-100%);
		}

		100% {
			transform: translateX(100%);
		}
	}

	.dy-main-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		opacity: 0.9;
		transition: transform 0.5s;
	}

	.dy-main-showcase:hover .dy-main-image img {
		transform: scale(1.05);
	}

	.dy-image-overlay {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		background: linear-gradient(to top, rgba(0, 0, 0, 0.9), transparent);
		padding: 2rem;
		text-align: left;
	}

	.dy-image-overlay h3 {
		color: var(--primary);
		font-size: 1.5rem;
		margin-bottom: 0.5rem;
	}

	.dy-feature-tags {
		display: flex;
		gap: 10px;
		flex-wrap: wrap;
		margin-top: 1rem;
	}

	.dy-tag {
		background: rgba(255, 107, 0, 0.2);
		border: 1px solid var(--primary);
		padding: 4px 12px;
		border-radius: 4px;
		font-size: 0.85rem;
		color: var(--primary);
	}

	/* 下载按钮模块 */






	.dy-download-buttons {
		display: flex;
		gap: 1rem;
		justify-content: center;
		flex-wrap: wrap;
		position: relative;
		z-index: 1;
	}

	.dy-btn {
		padding: 1rem 2.5rem;
		border: none;
		border-radius: 50px;
		font-size: 1.1rem;
		font-weight: bold;
		cursor: pointer;
		transition: all 0.3s;
		text-decoration: none;
		display: inline-flex;
		align-items: center;
		gap: 10px;
		position: relative;
		overflow: hidden;
	}

	.dy-btn-primary {
		background: linear-gradient(45deg, var(--primary), var(--primary-dark));
		color: white;
		box-shadow: 0 4px 15px rgba(255, 107, 0, 0.4);
	}

	.dy-btn-primary:hover {
		transform: translateY(-3px);
		box-shadow: 0 6px 25px rgba(255, 107, 0, 0.6);
	}

	.dy-btn-primary::after {
		content: '';
		position: absolute;
		top: -50%;
		left: -50%;
		width: 200%;
		height: 200%;
		background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.3), transparent);
		transform: rotate(45deg);
		transition: all 0.5s;
	}

	.dy-btn-primary:hover::after {
		left: 100%;
	}





	/* 功能特性网格 */
	.dy-features-grid {
		max-width: 1200px;
		margin: 0 auto 4rem;
		padding: 0 20px;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
		gap: 2rem;
	}

	.dy-feature-card {
		background: var(--card-bg);
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 15px;
		padding: 2rem;
		transition: all 0.3s;
		position: relative;
		overflow: hidden;
	}

	.dy-feature-card::before {
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 3px;
		background: linear-gradient(90deg, var(--primary), var(--secondary));
		transform: scaleX(0);
		transition: transform 0.3s;
	}

	.dy-feature-card:hover {
		transform: translateY(-5px);
		border-color: var(--primary);
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
	}

	.dy-feature-card:hover::before {
		transform: scaleX(1);
	}

	.dy-feature-icon {
		font-size: 3rem;
		margin-bottom: 1rem;
		display: block;
	}

	.dy-feature-card h3 {
		color: var(--primary);
		margin-bottom: 0.5rem;
		font-size: 1.3rem;
	}

	.dy-feature-card p {
		color: var(--text-muted);
		font-size: 0.95rem;
	}

	/* 辅助功能参数选项模块 */
	.dy-params-section {
		background: linear-gradient(180deg, rgba(255, 107, 0, 0.05) 0%, transparent 100%);
		padding: 4rem 20px;
		border-top: 1px solid var(--border);
	}

	.dy-section-title {
		text-align: center;
		font-size: 2rem;
		margin-bottom: 3rem;
		position: relative;
		display: inline-block;
		left: 50%;
		transform: translateX(-50%);
	}

	.dy-section-title::after {
		content: '';
		position: absolute;
		bottom: -10px;
		left: 50%;
		transform: translateX(-50%);
		width: 60px;
		height: 3px;
		background: var(--primary);
		box-shadow: var(--glow);
	}

	.dy-params-container {
		max-width: 1000px;
		margin: 0 auto;
		background: var(--card-bg);
		border: 1px solid var(--border);
		border-radius: 20px;
		padding: 2rem;
		backdrop-filter: blur(10px);
	}

	.dy-params-grid {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		gap: 1.5rem;
	}

	.dy-param-group {
		background: rgba(0, 0, 0, 0.3);
		border-radius: 10px;
		padding: 1.5rem;
		border: 1px solid rgba(255, 255, 255, 0.05);
	}

	.dy-param-group h4 {
		color: var(--secondary);
		margin-bottom: 1rem;
		display: flex;
		align-items: center;
		gap: 10px;
		font-size: 1.1rem;
	}

	.dy-param-group h4::before {
		content: '▸';
		color: var(--primary);
	}

	.dy-param-item {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0.8rem 0;
		border-bottom: 1px solid rgba(255, 255, 255, 0.05);
	}

	.dy-param-item:last-child {
		border-bottom: none;
	}

	.dy-param-name {
		color: var(--text-muted);
		font-size: 0.95rem;
	}

	.dy-param-value {
		display: flex;
		align-items: center;
		gap: 10px;
	}

	.dy-toggle-switch {
		position: relative;
		width: 50px;
		height: 26px;
		background: rgba(255, 255, 255, 0.1);
		border-radius: 13px;
		cursor: pointer;
		transition: all 0.3s;
	}

	.dy-toggle-switch.dy-active {
		background: var(--primary);
	}

	.dy-toggle-switch::after {
		content: '';
		position: absolute;
		top: 3px;
		left: 3px;
		width: 20px;
		height: 20px;
		background: white;
		border-radius: 50%;
		transition: all 0.3s;
	}

	.dy-toggle-switch.dy-active::after {
		left: 27px;
	}

	.dy-slider-control {
		width: 100px;
		height: 6px;
		-webkit-appearance: none;
		background: rgba(255, 255, 255, 0.1);
		border-radius: 3px;
		outline: none;
	}

	.dy-slider-control::-webkit-slider-thumb {
		-webkit-appearance: none;
		width: 16px;
		height: 16px;
		background: var(--primary);
		border-radius: 50%;
		cursor: pointer;
		box-shadow: 0 0 10px rgba(255, 107, 0, 0.5);
	}

	.dy-value-display {
		background: rgba(0, 0, 0, 0.5);
		padding: 4px 10px;
		border-radius: 4px;
		font-size: 0.85rem;
		color: var(--secondary);
		min-width: 40px;
		text-align: center;
		font-family: monospace;
	}

	.dy-hotkey-badge {
		background: rgba(255, 107, 0, 0.2);
		border: 1px solid var(--primary);
		padding: 4px 10px;
		border-radius: 4px;
		font-size: 0.85rem;
		color: var(--primary);
		font-family: monospace;
	}

	/* 页脚 */
	footer {
		background: rgba(0, 0, 0, 0.8);
		border-top: 1px solid var(--border);
		padding: 3rem 20px 2rem;
		text-align: center;
		color: var(--text-muted);
	}

	.dy-footer-content {
		max-width: 1200px;
		margin: 0 auto;
	}





	.dy-disclaimer {
		margin-top: 1rem;
		padding: 1rem;
		background: rgba(255, 0, 0, 0.05);
		border: 1px solid rgba(255, 0, 0, 0.2);
		border-radius: 8px;
		font-size: 0.85rem;
		color: #ff6666;
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
	}

	/* 响应式设计 */
	@media (max-width: 768px) {
		.dy-nav-links {
			display: none;
			position: absolute;
			top: 100%;
			left: 0;
			width: 100%;
			background: rgba(10, 10, 10, 0.98);
			flex-direction: column;
			padding: 1rem;
			gap: 1rem;
			border-bottom: 1px solid var(--border);
		}

		.dy-nav-links.dy-active {
			display: flex;
		}

		.dy-mobile-menu-btn {
			display: block;
		}

		.dy-hero h1 {
			font-size: 2rem;
		}

		.dy-hero p {
			font-size: 1rem;
		}

		.dy-main-image {
			min-height: 250px;
		}

		.dy-download-card {
			padding: 2rem 1rem;
		}

		.dy-version-number {
			font-size: 1.8rem;
		}

		.dy-download-buttons {
			flex-direction: column;
			width: 100%;
		}

		.dy-btn {
			width: 100%;
			justify-content: center;
		}

		.dy-features-grid {
			grid-template-columns: 1fr;
		}

		.dy-params-grid {
			grid-template-columns: 1fr;
		}

		.dy-section-title {
			font-size: 1.5rem;
		}
	}

	@media (max-width: 480px) {
		.dy-hero {
			padding: 2rem 15px;
		}

		.dy-hero h1 {
			font-size: 1.5rem;
			letter-spacing: 1px;
		}

		.dy-main-showcase {
			border-radius: 10px;
			margin-bottom: 2rem;
		}

		.dy-image-overlay {
			padding: 1rem;
		}

		.dy-image-overlay h3 {
			font-size: 1.1rem;
		}

		.dy-tag {
			font-size: 0.75rem;
			padding: 2px 8px;
		}

		.dy-param-group {
			padding: 1rem;
		}

		.dy-download-meta {
			flex-direction: column;
			gap: 0.5rem;
		}
	}

	/* 滚动条美化 */
	::-webkit-scrollbar {
		width: 10px;
	}

	::-webkit-scrollbar-track {
		background: var(--darker);
	}

	::-webkit-scrollbar-thumb {
		background: var(--primary);
		border-radius: 5px;
	}

	::-webkit-scrollbar-thumb:hover {
		background: var(--primary-dark);
	}

	/* 加载动画 */
	.dy-fade-in {
		animation: fadeIn 0.8s ease-in;
	}

	@keyframes fadeIn {
		from {
			opacity: 0;
			transform: translateY(20px);
		}

		to {
			opacity: 1;
			transform: translateY(0);
		}
	}

	/* 提示框 */
	.dy-tooltip {
		position: fixed;
		background: rgba(0, 0, 0, 0.9);
		color: white;
		padding: 8px 12px;
		border-radius: 6px;
		font-size: 0.85rem;
		pointer-events: none;
		opacity: 0;
		transition: opacity 0.3s;
		z-index: 10000;
		border: 1px solid var(--primary);
		white-space: nowrap;
	}

	.dy-tooltip.dy-show {
		opacity: 1;
	}